Question

我尝试通过另一个选择器的值来限制选择器。我在这里看了其他问题，但它们似乎已经过时而且无法正常工作

我所做的是关注

<p><input type="text" id="startdatepicker"></p>
<p><input type="text" id="enddatepicker"></p>

$(function() {
    $("#startdatepicker")
        .datepicker({ minDate: -1, maxDate:"" })
        .datepicker("option", "dateFormat", "dd.mm.yy");
});

$(function() {
    $("#enddatepicker")
        .datepicker({
            minDate: $("#startdatepicker").datepicker("getDate"), 
            maxDate: ""
        })
        .datepicker("option", "dateFormat", "dd.mm.yy");
});

如何正确地做到这一点？

Answer 1

这很容易实现：

$(function() {
    $("#startdatepicker, #enddatepicker")
        .datepicker({
            minDate: -1,
            dateFormat: "dd.mm.yy",
         })
     ;

    $('#enddatepicker')
        .datepicker('option', 'disabled', true);

    $('#startdatepicker').on('change', function(){
        var datestamp = this.value.split('.');

        datestamp = new Date(
            +datestamp[2],
            +datestamp[1],
            +datestamp[0]
        );

        if (!datestamp) return false;

        $('#enddatepicker')
            .datepicker('option', 'disabled', false)
            .datepicker('option', 'minDate', datestamp)
        ;
    });
});

https://jsfiddle.net/zvc1p8xk/

jquery datepicker日期限制不起作用

1 个答案: