如何禁用 JQuery UI Datepicker 字段的手动输入? [英] How to disable manual input for JQuery UI Datepicker field?

问题描述

我决定使用 JQuery UI Datepicker 脚本来选择日期.下面是我的代码的一部分，以及我将它集成到我的 PHP 页面中的方式:

I decided to use the JQuery UI Datepicker script for picking dates. Below is part of my code, and the way I integrated it into my PHP page:

<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 说明进行操作.

Pretty much according to the JQuery UI instructions.

现在我的问题是:如何禁用文本输入字段中的手动输入?我只希望 JQuery Datepicker 脚本能够填充文本字段.据我所知，该脚本目前阻止用户在文本字段中输入任何非数字字符，但允许任何数字组合(因此，允许使用诸如95460829468"之类的乱码).

Now my question is: how can I disable manual inputs in the text input field? I only want the JQuery Datepicker script to be able to fill the text field. As far as I can see, the script currently prevents the user from entering any non-numerical characters into the text field, but any combination of numbers is allowed (therefore, gibberish like "95460829468" is allowed).

推荐答案

当您进行输入时，将其设置为只读.

When you make the input, set it to be readonly.

<input type="text" name="datepicker" id="datepicker" readonly="readonly" />

这篇关于如何禁用 JQuery UI Datepicker 字段的手动输入?的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！