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

Question

我在我的移动应用程序（jquery mobile 和 phonegap）中使用Jtsage 日期选择器。我只想显示今天和今天之前的日期（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

一种方法是添加一个事件来捕捉“集合”。如果设置的日期是将来，弹出一条消息并停止ImmediatePropagation：

$('#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();
        }
   }
});

更新FIDDLE