javascript - 如何仅在 JTSAGE 日期选择器中显示日期之前

Question

我使用 Jtsage 我的移动应用程序中的日期选择器(jquery mobile 和 phonegap)。我只想显示今天和今天之前的日期(hide future dates )所以我引用这个 documentaion .在该文档中，他们提到了 afterToday,beforeToday,notToday,minDays,maxDays。我将 beforeToday 用于我的 datebox 但它似乎不起作用。
我的日期选择器调用如下:

 <input name="mydate" id="mydate" type="date" data-role="datebox" data-options='{"mode": "datebox", "useNewStyle":true,"afterToday":false,"beforeToday":true,"maxDays": 1}'/>

引用这个Fiddle Demo

Answer 1

一种方法是添加一个事件来捕获“集合”。如果设置的日期在未来，弹出一条消息并停止立即传播:

$('#mydate').on('datebox', function (event, payload) {
    if (payload.method === 'set') {
        var startdate = new Date();
        if (payload.date > startdate) {
            window.alert('You cannot select future dates!');
            e.stopImmediatePropagation();
        }
   }
});

Updated FIDDLE