禁用选择jQuery的日期选择器领域?(Disable selection jQuery Datep

2019-09-26 06:41发布

我使用jQuery UI日期选择器,使两个领域提交表格。 我希望用户创建范围,并提交看到的结果。 然而,他们显然不能挑​​出现这种情况最近不是结束日期的开始日期(你不能看到一系列今天开始到昨天)。 截至目前,我已经能够把警报的第二个选择,如果之前的第一个事,但我无法弄清楚如何有日期选择继续开放,使用户可以选择别的东西。

这里是我到目前为止的代码:

<script>
    $(document).ready(function() {
        $(".datepicker_start").datepicker({
            maxDate: '+0d',
            onSelect: function(dateText, inst) {

        }
        });
        $(".datepicker_to").datepicker({
            maxDate: '+0d',
            onSelect: function(dateText, inst) {
                 var startDate = $('.datepicker_start').val();
                $(this).attr('value', dateText)
                if (startDate > dateText) {
                    alert('not cool!');
                }
        }
        });
    });
</script>

有谁知道我怎么可以这样做? 我试图返回假,但它仍然推不正确的日期到外地:(

Answer 1:

$(function() {
    $( "#from" ).datepicker({
        defaultDate: "+1w",
        changeMonth: true,
        numberOfMonths: 3,
        onSelect: function( selectedDate ) {
            $( "#to" ).datepicker( "option", "minDate", selectedDate );
        }
    });
    $( "#to" ).datepicker({
        defaultDate: "+1w",
        changeMonth: true,
        numberOfMonths: 3,
        onSelect: function( selectedDate ) {
            $( "#from" ).datepicker( "option", "maxDate", selectedDate);
        }
    });
});

来源:http://jqueryui.com/demos/datepicker/date-range.html



Answer 2:

  $(function () {
        $("#fromdate").datepicker({
            onClose: function (selectedDate) {
                $("#todate").datepicker("option", "minDate", selectedDate);
            }
        });
        $("#todate").datepicker({
            onClose: function (selectedDate) {
                $("#fromdate").datepicker("option", "maxDate", selectedDate);
            }
        });
    });


文章来源: Disable selection jQuery Datepicker field?