jQuery datepicker maxDate 問題

Question

我有以下 jQuery datepicker 代碼

        $('#startDate').datepicker({
            format: "dd/mm/yyyy",
            maxDate: '0'
        })
        .on('changeDate', function (ev) {
            $('#startDate').datepicker('hide');
        });

它以 Bootstrap 模式啟動。 除了 maxDate 之外，它按預期工作 - 我想限制用戶在未來輸入任何日期 - 有什么我遺漏的嗎？ 我也試過maxDate : new Date()也沒有用。 我重新加載並檢查了開發工具，我可以看到渲染標記中的 java-script 符合預期。

更新了完整的 html 標記。

<input id="startDate" placeholder="Select Date" data-provide="datepicker" class="datepicker ng-valid ng-touched ng-dirty ng-valid-parse" readonly="readonly" style="cursor:auto; background-color:white" ng-model="item.startDate" ng-change="startDateChanged(item.startDate)">

使用 jQuery 1.10.2 和 Angular 1.4.1

Answer 1

希望這對你有用

$( "#datepicker" ).datepicker({
    format: "dd/mm/yyyy",
    maxDate: 0
});

Answer 2

是否要阻止用戶在文本框中鍵入日期，然后在文本框中添加readonly='true' 。

HTML

<input id="Datepicker" type="text" readonly='true' />

演示：點擊這里

Answer 3

經驗教訓是搜索其他開發人員添加到項目中的庫，不要假設它是您過去使用過的庫 - 我幾乎在我開發的所有其他地方都使用了 jQuery Datepicker。 這個特定的 Dev 包含了 bootstrap js datepicker。 它的選項是 endDate 並且還有一個自動關閉選項，所以我什至可以擺脫正在隱藏的“on”事件處理程序

https://bootstrap-datepicker.readthedocs.io/en/latest/options.html