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

xnifntxz  于 2023-03-29  发布在  jQuery
关注(0)|答案(8)|浏览(198)

这是我的代码,它不能正常工作。我想将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);
    }
mhd8tkvw

mhd8tkvw1#

您可以通过将minDate: 0添加到选项中来将minDate指定为today。

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

演示http://jsfiddle.net/2CZtV/
文档:http://jqueryui.com/datepicker/#min-max

noj0wjuj

noj0wjuj2#

您可以使用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
wnavrhmk

wnavrhmk3#

用这个:

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

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

whitzsjs

whitzsjs4#

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

nx7onnlm

nx7onnlm5#

也可以用途:

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

4ioopgfo6#

我用这个方法设置开始日期,因为上述或其他代码不适合我

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

1l5u6lss7#

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

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

4uqofj5v8#

$("#from_date").datepicker({
    changeMonth: true,
    changeYear: false,
    dateFormat: 'dd-mm-yy',
    minDate: 0,
    maxDate: '+ 1 month',
    onSelect: function(selectedDate) {
        $('#to_date').datepicker('option', 'minDate', selectedDate);
    }
});

$("#to_date").datepicker({
    changeMonth: true,
    changeYear: false,
    dateFormat: 'dd-mm-yy',
    minDate: 0,
    maxDate: '+ 1 month'
});
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.13.2/jquery-ui.min.js"></script>
<input id="from_date" class="datepicker" type="text" placeholder="DD-MM-YY" readonly />

<input id="to_date" class="datepicker" type="text" placeholder="DD-MM-YY" readonly />

相关问题