Jquery通过检查另一个日期来禁用过去的日子

Question

我有两个文本字段（日期选择器），如下图所示。

当我从 FROM 字段中选择日期时，会出现一个日期选择器并选择一个日期。

之后，我想禁用 TO 文本字段中 FROM 字段的过去日期。

我的代码如下：

$(document).ready(function() {
    var startcheck;
    $( "#datepick" ).datepicker({ 
        dateFormat: 'yy-mm-dd',
        showOtherMonths: true,
        selectOtherMonths: true,
        onSelect: function(dateText, inst) 
        {
            startcheck = $(this).val();

            $( "#datepickto" ).datepicker({ dateFormat: 'yy-mm-dd',showOtherMonths: true,selectOtherMonths: true,minDate: "'"+startcheck+"'"});
        }
    });

    $( "#datepickto" ).datepicker({ dateFormat: 'yy-mm-dd',showOtherMonths: true,selectOtherMonths: true,minDate: "'"+startcheck+"'"});

});

我该如何解决这个问题？

任何人请帮助我!!!!!!!!!!!!

@Barmar：请看看你的回答和我问的问题。！！

已编辑答案

        function showRestricedDatePicker()
    {
        $("#datepick").datepicker({
            dateFormat: 'yy-mm-dd', 
            maxDate: new Date(), 
            changeMonth: true,
            changeYear: true,
            onClose: setRange 
        });

        $("#datepickto").datepicker({
            dateFormat: 'yy-mm-dd', 
            changeMonth: true,
            changeYear: true,
            beforeShow: setRange
        });
    }
    function setRange()
    {
        currentDate = new Date();
        var fromDate = $('#datepick').datepicker('getDate');
        if(fromDate != null && fromDate != '') {
            return { minDate: fromDate }        
        }
    }

html

 <td><input type="text" name="date" id="datepick" placeholder="From" autocomplete="off" onclick="showRestricedDatePicker()" ></td>
 <td><input type="text" name="dateto" id="datepickto" placeholder="To" autocomplete="off" onclick="showRestricedDatePicker()"></td>

Answer 1

从日期选择器输入框中调用 showRestrictedDatePicker onclick

function showRestricedDatePicker()
{
    $("#fromDate").datepicker({
        dateFormat: 'yy-mm-dd', 
        maxDate: new Date(), 
        changeMonth: true,
        changeYear: true,
        onClose: setRange 
    });

    $("#toDate").datepicker({
        dateFormat: 'yy-mm-dd', 
        changeMonth: true,
        changeYear: true,
        beforeShow: setRange
    });
}
function setRange()
{
    currentDate = new Date();
    var fromDate = $('#fromDate').datepicker('getDate');
    if(fromDate != null && fromDate != '') {
        return { minDate: fromDate }        
    }
}

编辑： 写这个

<input type="text" id="fromDate" name="fromDate" autocomplete="off" readonly="readonly" onmouseover="showRestricedDatePicker()"  onclick="showRestricedDatePicker();" />

<input type="text" id="toDate" name="toDate" autocomplete="off" readonly="readonly" onmouseover="showRestricedDatePicker()"  onclick="showRestricedDatePicker()" />

并删除此代码

 $('#datepick').click(function()
        {
            showRestricedDatePicker();
        });
        $('#datepickto').click(function()
        {
            showRestricedDatePicker();
        });