Question

我正在使用Jon Thornton的jQuery timepicker（http://jonthornton.github.io/jquery-timepicker/）作为表单中的时间字段，但我最近决定我需要将该字段设为readonly，以便用户无法输入任何其他文本比挑选者的时间多。但是，当我将readonly属性添加到时间输入字段时，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已包含在旧版本中，但随后被删除以支持选择样式列表，但后来又恢复了。不过，我需要输入类型来保留文本，因为用户可以从列表中选择一个时间，也可以通过点击按钮获取当前时间。

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

jQuery timepicker - readonly时不工作

1 个答案: