如果用户选择无效日期，如何防止 Jquery Mobile 日期框关闭

Question

我正在使用 jQuery Mobile datebox plugin 来选择日期范围。如果用户选择的开始日期大于结束日期，那么我想显示警报并保持日期框打开。

  $('#sDate').on('datebox', function (event, payload) {
                if (payload.method === 'set') {
                    if (payload.date > eDate) {
                        window.alert('Select start date less than end date.');
            //Keep datebox open
                    }
                    else {
                     //Proceed with data filtering
                    }
                }
            });

但是 Datebox 即将关闭。是否有任何日期框选项可以防止日期框关闭（可能没有任何黑客或解决方法）。

Answer 1

这是一个DEMO FIDDLE

只需添加 e.stopImmediatePropagation();警报后：

$('#sDate').on('datebox', function (event, payload) {
    if (payload.method === 'set') {
        if (payload.date > eDate) {
            window.alert('Select start date less than end date.');
            e.stopImmediatePropagation();
        }
   }
});