在metro-ui datetimepicker中限制过去的日期

时间:2017-05-04 11:25:22

标签: javascript jquery microsoft-metro datetimepicker

我在我的项目中使用metro-iu datetimpicker,并且我使用此代码限制了粘贴日期:

            <div class="cell size-p20 padding10">
                <label>Select Date: *</label>
                <div class="full-size">
                    <div class="input-control text" id="datepicker">
                        <input id="filter-date" type="text" ng-model="selectedDate"/>
                        <button class="button">
                            <span class="mif-calendar"></span></button>
                    </div>
                    <input type="submit" name="submit" value="Submit" class="button primary" ng-click="doAction()">
                </div>
            </div>

和正在执行此限制的jquery:

       $(function(){
            $("#datepicker").datepicker({
                format: "yyyy-mm-dd",
                minDate: new Date()
            });
        });

请在JSFiddle上查看此示例,了解此限制,但正如您所看到的那样,它也限制了今天的日期,因此您无法点击它并且我不想要这样,所以我该如何修复这个,所以它会限制昨天的日期,而不是今天,谢谢。

1 个答案:

答案 0 :(得分:1)

尝试手动将最小日期更改为昨天使用date.now按毫秒减去日期

$(function(){
   $("#datepicker").datepicker({
    minDate:new Date(Date.now()-86400000)
   });
});

请参阅此enter image description here