如何禁用JQuery UI Datepicker字段的手动输入?
2022-08-30 07:07:16
我决定使用JQuery UI Datepicker脚本来选择日期。以下是我的代码的一部分,以及我将其集成到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说明。
现在我的问题是:如何在文本输入字段中禁用手动输入?我只希望JQuery Datepicker脚本能够填充文本字段。据我所知,该脚本目前阻止用户在文本字段中输入任何非数字字符,但允许任何数字组合(因此,允许像“95460829468”这样的胡言乱语)。