停止用户使用datepicker控件在输入中键入日期

Question

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

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

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

Answer 1

使输入字段只读使用户无法直接编辑它。还要注意,您当前正在尝试在实例化datepicker控件之前设置它的日期；交换这些语句的顺序。

null

$("#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" />