未设置 minDate？

Question

我有这个 jQuery UI 日期选择器，我以前用过。由于某种原因，它不适用于该项目。它正确地打印了日期，我只是不明白为什么它不会工作。

我设法让它以某种方式对更改做出反应，但如果我将日期设置为 11 日之后，它不会让我在第二个日期选择器中更改任何内容。如果我选择 11 号之前的日期，它不会设置 minDate（或者不是我能看到的）

我可以控制台记录它，它 returns 格式正确。

尝试了旧项目中的旧代码。它在这里不起作用，但是在另一个项目上它可以吗？

我试过在日期选择器上使用 'destroy'。我试过将它设置为一个选项。我试过从 onSelect 之外的函数设置 mindate。

// Check for changes in dates
jQuery('.project--create-datestart, .project--create-dateend').datepicker({
    language: 'da',
    dateFormat: 'dd-mm-yyyy',
    onSelect: function(formattedDate, date, inst) 
{
    jQuery('.project--create-dateend').datepicker("destroy");
    jQuery('.project--create-dateend').datepicker({ minDate: new Date(formattedDate)})


    jQuery('.project--create-button').attr('disabled', false);
    jQuery('.project--create-button').addClass('success');

    needToConfirm = true;
}
})

我需要获取第一个日期选择器以在第二个日期选择器上设置 minDate。

Answer 1

$(".project--create-datestart").datepicker({ 
    dateFormat: 'dd-mm-yyyy',
    changeMonth: true,
    minDate: new Date(),
    maxDate: '+2y',
    language: 'da',
    onSelect: function(date){

        var selectedDate = new Date(date);
        var msecsInADay = 86400000;
        var endDate = new Date(selectedDate.getTime() + msecsInADay);

       //Set Minimum Date of project--create-dateend After Selected Date of project--create-datestart
        $(".project--create-dateend").datepicker( "option", "minDate", endDate );
        $(".project--create-dateend").datepicker( "option", "maxDate", '+2y' );

    }
});

$(".project--create-dateend").datepicker({ 
    dateFormat: 'dd-mm-yyyy',
    changeMonth: true
});

Answer 2

您可以试试这些代码可能对您有所帮助。

<div class="col-sm-4 form-group">
            <b>From :*</b><br>
            <p><input title="From Date" placeholder="dd/mm/yyyy" class="form-control fromDate" oninput="this.className = ''" name="fromDate" id="fromDate"></p>
 </div>
 <div class="col-sm-4 form-group">
        <b>To :*</b><br>
        <p><input title="To Date" placeholder="dd/mm/yyyy" class="form-control toDate" oninput="this.className = ''" name="toDate" id="toDate"></p>
 </div>



<script type="text/javascript">
jQuery(document).ready(function() {
    defaultDateValidation();
});
function defaultDateValidation(){    
    $(".fromDate").datepicker({ 
        dateFormat: "dd/mm/yy"
    }); 
     $(".toDate").datepicker({ 
             dateFormat: "dd/mm/yy"
    });
     $(".fromDate").change(function() {
            test = $(this).datepicker('getDate');
            testm = new Date(test.getTime());
            testm.setDate(testm.getDate() + 1);
            $(".toDate").datepicker("option", "minDate", testm);
    });
}
</script>

Answer 3

尝试 setStartDate 而不是 minDate

未设置 minDate？

minDate is not being set?

javascript

jquery

jquery-ui

datepicker