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

时间:2014-06-26 12:23:44

标签: javascript date jquery-mobile datepicker datebox

我在我的移动应用程序中使用Jtsage 日期选择器(jquery mobile和phonegap)。我想仅在今天和今天之前显示日期(hide future dates),所以我引用此documentaion。在该文档中,他们提到今天之后的,今天之前,而不是今天,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

1 个答案:

答案 0 :(得分:1)

一种方法是添加一个事件来捕获'set'。如果将来设置日期,请弹出一条消息并停止使用

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