Question

我正在尝试捕获用户的事件：

from - ＆gt; to（加上这个要清楚，第一个日历来自，第二个是）

1）输入日期和日期
2）进入迄今为止
3）输入一个从日期开始，然后点击离开从日期中选择的自动（或以前的那个

我遇到的问题是捕获该点击。我尝试使用'changeDate blur'事件没有运气。模糊部分打破了改变第二个日期即改变的能力。如果我只依赖于'changeDate'事件，我无法捕捉上面的第三个场景（或者至少我不知道如何）。

这是我的源代码：

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js">
$(document).ready(function () {
        var nowTemp = new Date();
        var now = new Date(nowTemp.getFullYear(), nowTemp.getMonth(), nowTemp.getDate(), 0, 0, 0, 0);

        var checkin = $('#results_enter_fromdate').datepicker({
            onRender: function (date) {
                return date.valueOf() < now.valueOf() ? 'disabled' : '';
            }
        }).on('changeDate', function (ev) {
            if (ev.date.valueOf() > checkout.date.valueOf()) {
                var newDate = new Date(ev.date)
                newDate.setDate(newDate.getDate() + 1);
                checkout.setValue(newDate);
            }
            checkin.hide();
            $('#results_enter_todate')[0].focus();
        }).data('datepicker');
        var checkout = $('#results_enter_todate').datepicker({
            onRender: function (date) {
                return date.valueOf() <= checkin.date.valueOf() ? 'disabled' : '';
            }
        }).on('changeDate blur', function (ev) {
            checkout.hide();
            //something here would run in all three scenarios, but
            //including 'blur' above breaks the ability to enter the todate
            //to anything besides the data immediately after the fromdate
        }).data('datepicker');
    });
</script>

来自Bootstrap ：可以找到here

Bootstrap datepicker，处理eventDate之外的事件

0 个答案: