jQuery timepicker - 只读时不工作

Question

我正在使用 Jon Thornton 的 jQuery 时间选择器 (http://jonthornton.github.io/jquery-timepicker/) 作为表单中的时间字段，但我最近决定需要将该字段设为只读，以便用户可以' 在选择器中输入除时间以外的任何文本。但是，当我将 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">

非常感谢。

Answer 1

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

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

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

jQuery timepicker - 只读时不工作

jQuery timepicker - not working when readonly

html

forms

jquery

timepicker