【问题标题】:restrict past dates in metro-ui datetimepicker在metro-ui datetimepicker中限制过去的日期
【发布时间】:2017-10-02 13:19:34
【问题描述】:

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

            <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 上查看此示例以了解此限制,但正如您所见,它也限制了今天的日期,因此您无法点击它,我不希望这样,所以我该如何解决这个问题,所以它将限制日期从昨天而不是今天,谢谢。

【问题讨论】:

标签: javascript jquery microsoft-metro datetimepicker


【解决方案1】:

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

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

看到这个FIDDLE

【讨论】:

    猜你喜欢
    • 2017-10-23
    • 2012-09-05
    • 2019-07-23
    • 1970-01-01
    • 1970-01-01
    • 2022-07-06
    • 2016-01-17
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多