Question

我正在使用jQuery UI Datepicker制作两个字段提交表单。我希望用户创建一个范围并提交它以查看结果。但是，他们显然无法选择最近发生的开始日期而不是结束日期（您无法看到从今天开始到昨天开始的范围）。截至目前，如果第一个选择发生在第二个之前，我已经能够选择第二个，但我无法弄清楚如何让datepicker保持打开状态，以便用户可以选择其他内容。

这是我到目前为止的代码：

<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>

有谁知道我是怎么做到的？我尝试返回false但它仍然将错误的日期推送到字段:(

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);
            }
        });
    });

禁用选择jQuery Datepicker字段？

2 个答案: