使用datepicker控件

Question

我创建了一个jquery datepicker。我希望用户选择大于或等于当前日期的日期，因此我使用了mindate: 0。这会禁用之前的所有日期。

但是，通过输入字段，用户可以键入上一个日期。如何禁用输入字段而不是日期选择器？

$('#DateFrom1').datepicker('setDate', 'today');
$("#DateFrom1").datepicker({
    minDate: 0
});

Answer 1

创建输入字段readonly，以便用户无法直接编辑它。另请注意，您当前正在尝试在实例化之前设置datepicker控件的日期;交换那些陈述的顺序。

$("#DateFrom1").datepicker({
    minDate: 0
}).datepicker('setDate', 'today');

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script type="text/javascript" src="//cdnjs.cloudflare.com/ajax/libs/jqueryui/1.12.1/jquery-ui.js"></script>
<link rel="stylesheet" type="text/css" href="//cdnjs.cloudflare.com/ajax/libs/jqueryui/1.12.1/jquery-ui.css">

<input type="text" id="DateFrom1" readonly="true" />