如何在jQuery UI Datepicker中将minDate设置为当前日期?

时间:2013-02-11 10:46:26

标签: jquery jquery-ui-datepicker

这是我的代码,但无法正常运行。我想将minDate设置为当前日期。我该怎么办?

$("input.DateFrom").datepicker({
    changeMonth: true, 
    changeYear: true, 
    dateFormat: 'yy-mm-dd',
    maxDate: 'today',
    onSelect: function(dateText) {
        $sD = new Date(dateText);
        $("input#DateTo").datepicker('option', 'minDate', min);
    }

7 个答案:

答案 0 :(得分:123)

您可以通过在选项中添加minDate: 0来指定minDate。

$("input.DateFrom").datepicker({
    minDate: 0,
    ...
});

演示http://jsfiddle.net/2CZtV/

文档http://jqueryui.com/datepicker/#min-max

答案 1 :(得分:19)

您可以使用minDate属性,如下所示:

$("input.DateFrom").datepicker({
    changeMonth: true, 
    changeYear: true, 
    dateFormat: 'yy-mm-dd',
    minDate: 0, // 0 days offset = today
    maxDate: 'today',
    onSelect: function(dateText) {
        $sD = new Date(dateText);
        $("input#DateTo").datepicker('option', 'minDate', min);
    }
});

您还可以指定日期,如下所示:

minDate: new Date(), // = today

答案 2 :(得分:7)

使用这个:

 onSelect: function(dateText) {
                 $("input#DateTo").datepicker('option', 'minDate', dateText);
            }

这可能有用: http://jsfiddle.net/injulkarnilesh/xNeTe/

答案 3 :(得分:4)

当前日期的minDate属性适用于 - > minDate:“yy-mm-dd”或minDate:0

答案 4 :(得分:2)

也可以使用:

$("input.DateFrom").datepicker({
    minDate: 'today'
});

答案 5 :(得分:1)

我使用此方法设置开始日期,因为上述或其他代码对我不起作用



$(document).ready(function() {
 $('#dateFrm').datepicker('setStartDate', new Date(yyyy, dd, MM));
 });




答案 6 :(得分:1)

在jQuery Datepicker中将minDate设置为当前日期:

$("input.DateFrom").datepicker({
    minDate: new Date()
});