提问者:小点点

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


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

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

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


共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" />