jQuery Timepicker - 当字段为readonly时阻止弹出窗口

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: []
    }
}); 

显示

问题：

  - 考虑到该领域是'只读'，Timepicker仍然会弹出   - 我该如何防止这种情况发生？   - 还有其他工作吗？

谢谢大家的帮助！

Answer 1

您可以在输入框之前检查是否具有只读属性，然后对其应用时间戳。请使用链接或以下代码。希望我的代码可以帮助您更好地理解。

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: []
      }
  }); 
}