Question

我已经关注并尝试了此解决方案： http://jqueryui.com/datepicker/#min-max

但它在我的结束时不起作用。当点击日期选择器时，日历弹出，但我可以选择之前的日期。

我还包括这些参考文献：

<link rel="stylesheet" href="//code.jquery.com/ui/1.11.2/themes/smoothness/jquery-ui.css">
<script src="//code.jquery.com/jquery-1.10.2.js"></script>
<script src="//code.jquery.com/ui/1.11.2/jquery-ui.js"></script>
<link rel="stylesheet" href="/resources/demos/style.css">

仍然没有运气。

我怎么解决这个问题？这是我到目前为止所拥有的：

查看

<div class='input-group date' id='datetimepicker3'>
     <input type="text" id="datepicker" class="form-control col-md-9 deliveryDate" style="margin-left: 19%;">
</div>

JQUERY

    $(function () {
    $("#datepicker").datepicker({
        minDate: -20,
        maxDate: "+1M +10D"
    });
});

提前感谢...

Answer 1

这是因为你正在调用错误的选择器。请勿使用#datepicker2

，而不是致电#datepicker

$(function () {
        $("#datepicker").datepicker({
            minDate: -20,
            maxDate: "+1M +10D"
        });
    });

Answer 2

FIDDLE：

要停用以前的日期，请写

 minDate: 0

要停用下一个日期，请写

 maxDate: 0

还有一件事，你的id selector是错误的。应该与input

的相同

希望有所帮助！

如何在jquery中禁用以前的日期

2 个答案: