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

时间:2013-12-04 05:53:47

标签: jquery-mobile datebox

我正在使用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正在关闭。是否有任何日期框选项可以防止日期框关闭(可能没有任何破解或解决方法)。

1 个答案:

答案 0 :(得分:2)

这是 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();
        }
   }
});