如何限制用户使用datetimepicker输入数据并禁用手动用户输入？

我想限制用户只使用datetimepicker输入数据。 以下是我使用的代码：

 Start 
     
  

 $('#dtp1').datetimepicker({ format: 'DD/MM/YYYY HH:mm A', daysOfWeekDisabled: [0, 6] }); 

我尝试使用readonly属性，但这会禁用input和datetimepicker。 有什么方法可以禁用输入字段，但仍然允许用户点击日历图标来选择日期？

Answer 1

我现在想到的唯一方法是在输入上的keydown事件上使用event.preventDefault() ：

Answer 2

您可以使用ignoreReadonly选项：

即使关联的input元素具有readonly="readonly"属性，也允许触发日期选择器show事件。

这是一个工作样本：

 $('#dtp1').datetimepicker({ format: 'DD/MM/YYYY HH:mm A', daysOfWeekDisabled: [0, 6], ignoreReadonly: true }); 

       
 Start 
     
  

Answer 3

readonly =“readonly”和disabled =“disabled”对我来说都不起作用。 线下工作;