Question

我有以下jQuery datepicker的代码

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

它以Bootstrap模式启动。它除了maxDate之外还按预期工作 - 我想限制用户在将来输入任何日期 - 我有什么遗漏的吗？我也试过了maxDate : new Date()，这也没用。我进行了重新加载并检查了Dev Tools，我可以看到渲染标记中的java脚本是预期的。

使用完整的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' />

演示： Click here

Answer 3

获得的经验教训是搜索其他开发人员添加到项目中的库，并且不要假设它是您过去使用过的那个 - 我几乎在我开发的其他所有地方都使用了jQuery Datepicker。这个特殊的Dev包含了bootstrap js datepicker。它的选项是endDate，还有一个autoclose选项，所以我甚至可以摆脱正在进行隐藏的'on'事件处理程序

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

jQuery datepicker maxDate问题

3 个答案: