jQuery UI日期选择器设置默认日期 [英] Jquery UI date-picker Set default date

问题描述

我将jQuery UI用于日期选择器，我想在字段中显示当前日期作为默认值，以下是我的代码，请帮助

I used jQuery UI for datepicker i want to show current date in the field as default following is my code please help

    <script>
        $(function() {
         $( "#datepicker" ).datepicker({
        dateFormat: 'dd-mm-yy',
        currentText: "Now"
         });

        $( "#datepicker2" ).datepicker({
        dateFormat: 'dd-mm-yy',
        currentText: "Now"
        });

    });
        </script>

From Date: <input type='text' id='datepicker' name='date_from' />
To Date:   <input type='text' id='datepicker2' name='date_to' />

但是我无法设置默认日期

But I could not set default date

推荐答案

尝试以下代码.

<script>
    $(function() {
        $( "#datepicker" ).datepicker({
            dateFormat: 'dd-mm-yy'
        }).val(getTodaysDate(0)); // For current date

        $( "#datepicker2" ).datepicker({
            dateFormat: 'dd-mm-yy',
            }).val(getTodaysDate(1));  // For previous month's date
    });

  function getTodaysDate (val) {
    var t = new Date, day, month, year = t.getFullYear();
    if (t.getDate() < 10) {
        day = "0" + t.getDate();
    }
    else {
        day = t.getDate();
    }
    if ((t.getMonth() + 1) < 10) {
        month = "0" + (t.getMonth() + 1 - val);
    }
    else {
        month = t.getMonth() + 1 - val;
    }

    return (day + '/' + month + '/' + year);
   }
</script>

这篇关于jQuery UI日期选择器设置默认日期的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！