JQuery Mobile DateBox TimeBox使只读

Question

我正在使用带有模式时间框的JQuery Mobile DateBox作为timepicker。它工作得很完美。我想要的是我希望timepicket输入是只读的。它应该只更改单击“+”或“ - ”按钮的时间。我google了很多，并找到了要求添加readonly属性和lockinput的解决方案。但似乎没有任何效果。任何帮助将不胜感激。这是我的时间选择器的代码示例。

<input id="service_time" class="create_formobj" value="<?php echo $date ? date('h:i A', strtotime($date)) : '' ?>" type="date" data-role="datebox"
                    data-options='{"mode": "timebox", "overrideTimeFormat": 12}' />

Answer 1

我遇到了同样的问题。做了什么，我做了弹出 readonly 的输入字段。它会解决你的问题 readonly函数可以像这样添加

$('.ui-datebox-dboxin input').attr('readonly', true);