jQuery时间选择器-只读时不工作_Jquery_Html_Forms_Timepicker

jQuery时间选择器-只读时不工作

jquery html forms

jQuery时间选择器-只读时不工作,jquery,html,forms,timepicker,Jquery,Html,Forms,Timepicker,我将Jon Thornton的jQuery timepicker用于表单中的时间字段，但我最近决定需要将该字段设置为只读，以便用户在picker中输入除时间以外的任何文本。但是，当我将readonly属性添加到时间输入字段时，时间选择器不再工作——当我单击该字段时，它不会出现我有点困惑，因为我还在另一个字段上使用jQuery日历，该字段设置为只读，并且工作正常。有人能帮我吗 <head>  <link rel="s

我将Jon Thornton的jQuery timepicker用于表单中的时间字段，但我最近决定需要将该字段设置为只读，以便用户在picker中输入除时间以外的任何文本。但是，当我将readonly属性添加到时间输入字段时，时间选择器不再工作——当我单击该字段时，它不会出现

我有点困惑，因为我还在另一个字段上使用jQuery日历，该字段设置为只读，并且工作正常。有人能帮我吗

<head>
    <!--DATEPICKER-->
    <link rel="stylesheet" href="http://code.jquery.com/ui/1.10.4/themes/smoothness/jquery-ui.css">
    <script src="http://code.jquery.com/jquery-1.10.2.js"></script>
    <script src="http://code.jquery.com/ui/1.10.4/jquery-ui.js"></script>

    <!--TIMEPICKER-->
    <script type="text/javascript" src="jquery.timepicker.js"></script>
    <link rel="stylesheet" type="text/css" href="jquery.timepicker.css" />

    <script>
        $(function(){
            $("#date").datepicker({maxDate: "+0D" , dateFormat: "yy-mm-dd"});
            $("#time").timepicker();
        });
    </script>
</head>

...

<input type="text" name="date" id="date" readonly="true">
<input type="text" name="time" id="time" readonly="true">

非常感谢。

感谢@oMiKeY帮我解决了这个问题。主要问题是我使用的是过时版本的计时器。切换到更新版本后，我能够将disableTextInput选项设置为true，这就成功了

似乎disableTextInput已包含在旧版本中，但后来被删除，取而代之的是选择样式列表，但后来又恢复了。不过，我需要输入类型保持文本，因为用户可以从列表中选择时间，也可以通过单击按钮获取当前时间

编辑-我注意到，在我的iPhone 5s上使用Chrome时，进行此更改会导致时间选择器失败。不过，它在使用Safari时确实有效，而且似乎对Android上的Chrome也有效。

尝试动态添加readonly属性：$time.timepicker.attr'readonly'，'readonly'是一个很好的建议，但这并没有帮助。Github页面通过添加'disableTextInput'选项将此问题标记为已修复，所以也许可以尝试：$time.timepicker{'disableTextInput'：true}；同时从时间选择器的HTMLCreate中删除readonly=true，谢谢-回答下面的问题。。。