Question

抱歉，我的问题可能过于谨慎，但我不懂javascript。我有一个范围datepicker。到发。我想当我选择到达自动开启出发选择器。这是我的js代码。

$('#arrival').datetimepicker({
                        useCurrent: false,
                        format: 'DD/MM/YYYY',
                        minDate: 'now'
                    });
        $('#departure').datetimepicker({
            useCurrent: false,
            format: 'DD/MM/YYYY',
            minDate: 'now'
        });
        $("#arrival").on("change.datetimepicker", function (e) {
            $('#departure').datetimepicker('minDate', e.date);
        });
        $("#departure").on("change.datetimepicker", function (e) {
            $('#arrival').datetimepicker('maxDate', e.date);
        });

Answer 1

您可以使用setOptions()回调e.date来动态设置datetimepicker上的最短和最长日期。

我注意到的其他一些事情：

.val()未定义，因此我使用日期时间选择器的$('#arrival').datetimepicker({ useCurrent: false, format: 'd/M/Y', onShow: function(ct) { this.setOptions({ minDate: "now", maxDate: $('#departure').val() ? new Date($('#departure').val()) : false }) } }); $('#departure').datetimepicker({ useCurrent: false, format: 'd/M/Y', onShow: function(ct) { this.setOptions({ minDate: new Date($('#arrival').val()) }) } }); $("#arrival").on("change.datetimepicker", function(e) { $('#departure').datetimepicker("show"); });作为日期。

此外，您的格式已关闭，您将月份名称和日期翻倍，四倍。所以我在下面的例子中将它设置为04 / May / 2018格式。

如果设置了离开，我也会在到达选择器上设置最大日期（到出发时间），否则现在有最大值。

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<link href="https://cdnjs.cloudflare.com/ajax/libs/jquery-datetimepicker/2.5.20/jquery.datetimepicker.min.css" rel="stylesheet" />
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-datetimepicker/2.5.20/jquery.datetimepicker.full.min.js"></script>

arrive <input id="arrival" type="text"> 
depart <input id="departure" type="text">

window.open()

我怎么能打开自动datepicker范围出发

1 个答案: