将今天的日期设置为jQuery UI datepicker中的默认日期

时间:2011-02-06 20:47:47

标签: jquery jquery-ui jquery-ui-datepicker

我只想将今天的日期作为使用jQuery UI datepicker的输入中的默认值:

<input id="mydate" type="text" />

我尝试了下面的代码,但它不起作用:

var currentDate = new Date();  
$("#mydate").datepicker("setDate",currentDate);

13 个答案:

答案 0 :(得分:92)

您需要与初始化调用分开调用setDate。因此,要创建日期选择器并一次性设置日期:

$("#mydate").datepicker().datepicker("setDate", new Date());

为什么这样我不知道。如果有人这样做,那将是有趣的信息。

答案 1 :(得分:75)

在致电datepicker datepicker

之前,您必须初始化method

这是

Working JSFiddle


&#13;
&#13;
$("#mydate").datepicker().datepicker("setDate", new Date());
//-initialization--^          ^-- method invokation
&#13;
<link href="https://code.jquery.com/ui/1.9.2/themes/base/jquery-ui.css" rel="stylesheet" />
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="https://code.jquery.com/ui/1.9.2/jquery-ui.js"></script>
<input type="text" id="mydate" />
&#13;
&#13;
&#13;


P.S:假设您在计算机中设置了正确的日期

答案 2 :(得分:22)

您只需添加此脚本即可,

$("#mydate").datepicker({ dateFormat: "yy-mm-dd"}).datepicker("setDate", new Date());

这里,setDate设置今天日期&amp; dateFormat定义您想要设置或显示的格式。

希望它的简单脚本有效..

答案 3 :(得分:5)

$("#date").datepicker.regional[""].dateFormat = 'dd/mm/yy';
$("#date").datepicker("setDate", new Date());

永远为我工作

答案 4 :(得分:4)

这个对我有用,首先你将datepicker绑定到文本框,然后将下一行绑定(今天作为默认日期)绑定到它

$("#date").datepicker();

$("#date").datepicker("setDate", new Date());

答案 5 :(得分:3)

注意:当您传递setDate时,您正在调用一个方法,该方法假定已在该对象上初始化了datepicker。

$(function() {    
   $('#date').datepicker();
   $('#date').datepicker('setDate', '04/23/2014');
});

测试:http://jsfiddle.net/wimarbueno/hQkec/1/

答案 6 :(得分:2)

这对我有用,也让它本地化了:

$.datepicker.setDefaults( $.datepicker.regional[ "fr" ] );
$(function() {
   $( "#txtDespatchDate" ).datepicker( );
   $( "#txtDespatchDate" ).datepicker( "option", "dateFormat", "dd/mm/yy" );
   $('#txtDespatchDate').datepicker('setDate', new Date());
});

答案 7 :(得分:2)

在初始化中设置默认日期:

$("#date").datepicker({
    defaultDate: '01/26/2014'
});

答案 8 :(得分:1)

设置minDate:0

这是我的剧本:

$("#valid_from")
   .datepicker({
     minDate: 0,
     defaultDate: "+1w",
     changeMonth: true,
     numberOfMonths: 3
})

答案 9 :(得分:0)

您尚未定义

$("#mydate").datepicker({});

答案 10 :(得分:0)

试试这个:

SELECT Username AS [LastName],
       ''       AS [MiddleName],
       ''       AS Birthdate,
       ''       AS [SSN],
       0        AS [WageAmount]
FROM   Employee
FOR XML PATH 

答案 11 :(得分:0)

我尝试了很多方法,并提出了我自己的解决方案,它完全按照要求运行。

“mydate”是输入或datepicker元素/控件的ID。

        $(document).ready(function () {

        var dateNewFormat, onlyDate, today = new Date();

        dateNewFormat = today.getFullYear() + '-' + (today.getMonth() + 1);

        onlyDate = today.getDate();

        if (onlyDate.toString().length == 2) {
            dateNewFormat += '-' + onlyDate;
        }
        else {
            dateNewFormat += '-0' + onlyDate;
        }
        $('#mydate').val(dateNewFormat);
    });

答案 12 :(得分:-1)

试试这个:

$("#mydate").datepicker("setDate",'1d');