jQuery Timepicker - 防止字段为只读时弹出

Question

我有这个代码...

HTML

<input name="start_time" id="start_time" type="text" value="" readonly >

JQuery

$('#start_time').timepicker({
    showPeriodLabels: true,
    minutes: {
        starts: 0,
        ends: 59,
        interval: 1,
        manual: []
    }
});

显示

问题：

- 考虑到字段是 'readonly'.
，Timepicker 仍然会弹出 - 我怎样才能避免这种情况？
- 还有其他解决方法吗？

感谢大家的帮助！

Answer 1

您可以先检查您的输入框是否只读属性，然后在其上应用时间选择器。使用 link 或以下代码。希望我的代码能帮助你更好地理解。

JSFiddle

HTML代码-

<input name="start_time" id="start_time" type="text" value="" readonly >

JAVASCRIPT代码-

if(!$('#start_time').prop('readonly')){
  $('#start_time').timepicker({
      showPeriodLabels: true,
      minutes: {
          starts: 0,
          ends: 59,
          interval: 1,
          manual: []
      }
  }); 
}

jQuery Timepicker - 防止字段为只读时弹出

jQuery Timepicker - prevent pop-up when field is readonly

html

jquery

timepicker