如何禁用JQuery UI Datepicker字段的手动input?
我决定使用JQuery UI Datepicker脚本来selectdate。 下面是我的代码的一部分,我把它整合到我的PHP页面的方式:
<link type="text/css" href="css/south-street/jquery-ui-1.8.6.custom.css" rel="stylesheet" /> <script type="text/javascript" src="js/jquery-1.4.2.min.js"></script> <script type="text/javascript" src="js/jquery-ui-1.8.6.custom.min.js"></script> <script type="text/javascript"> $(function(){ // Datepicker $('#datepicker').datepicker({ dateFormat: 'yy-mm-dd' }); //hover states on the static widgets $('#dialog_link, ul#icons li').hover( function() { $(this).addClass('ui-state-hover'); }, function() { $(this).removeClass('ui-state-hover'); } ); }); </script>
和:
// date picker (embeds JQuery script) echo '<label for="datepicker">Date: </label>'; echo '<input type="text" name="datepicker" id="datepicker" />'; echo '<div id="datepicker"></div>';
几乎根据JQuery UI指示。
现在我的问题是: 如何禁用文本input字段中的手动input ? 我只想要JQuery Datepicker脚本能够填充文本字段。 据我所知,脚本目前阻止用户在文本字段中input任何非数字字符,但允许任何数字组合(因此,允许使用“95460829468”这样的乱码)。
input时,将其设置为只读。
<input type="text" name="datepicker" id="datepicker" readonly="readonly" />
我认为你应该添加style =“background:white;” 使它看起来像是可写的
<input type="text" size="23" name="dateMonthly" id="dateMonthly" readonly="readonly" style="background:white;"/>
- 错误Microsoft.Web.Infrastructure,版本= 1.0.0.0,文化=中立,PublicKeyToken = 31bf3856ad364e35
- Android:为什么长时间点击也会触发正常点击?
- iPhone Web应用程序的dateselect器
- 果冻豆DatePickerDialog – 有没有办法取消?
- jquery ui datepicker和mvc查看模型types的date时间
- jquery datepicker根据第一个date字段中的选定date限制第二个date字段中的date
- 如何限制Bootstrap Datepicker中的可选date范围?
- 使用bootstrap-datepicker检测所选date的更改
- 点击没有input字段的图像打开JQuery Datepicker
- WPF DatePicker默认为今天的date
- 如何在使用jQuery UI Datepicker时使用小时,分钟和秒来格式化date?