我创建了一个jquery DatePicker。我希望用户选择大于或等于当前日期的日期,所以我使用了mindate:0
。这将禁用所有以前的日期。
但是,通过输入字段,用户可以键入上一个日期。如何禁用输入字段而不禁用DatePicker?
$('#DateFrom1').datepicker('setDate', 'today');
$("#DateFrom1").datepicker({
minDate: 0
});
使输入字段只读
使用户无法直接编辑它。还要注意,您当前正在尝试在实例化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" />