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

Javascript 如何限制用户使用datetimepicker输入数据并禁用手动用户输入?,javascript,jquery,bootstrap-datetimepicker,eonasdan-datetimepicker,Javascript,Jquery,Bootstrap Datetimepicker,Eonasdan Datetimepicker,我想限制用户只使用datetimepicker输入数据。下面是我正在使用的代码: 开始 $('#dtp1')。日期时间选择器({ 格式:'DD/MM/YYYY HH:MM A', daysOfWeekDisabled:[0,6] }); 我尝试使用readonly属性,但这会禁用输入和日期时间选择器。是否有任何方法可以禁用输入字段,但仍然允许用户单击日历图标选择日期 在输入的按键事件上使用事件.preventDefault(): <input type="text"

我想限制用户只使用datetimepicker输入数据。下面是我正在使用的代码:


开始
$('#dtp1')。日期时间选择器({
格式:'DD/MM/YYYY HH:MM A',
daysOfWeekDisabled:[0,6]
});
我尝试使用readonly属性,但这会禁用输入和日期时间选择器。是否有任何方法可以禁用输入字段,但仍然允许用户单击日历图标选择日期


在输入的按键事件上使用
事件.preventDefault()

<input type="text" id="txtStart" class="form-control" onkeydown="event.preventDefault()">

两个readonly=“readonly”和disabled=“disabled”对我都不起作用。 线下作业

<input type="text" onkeydown="return false"/>

您可以使用以下选项:

即使关联的输入元素具有
readonly=“readonly”
属性,也允许激发日期选择器显示事件

这里是一个工作示例:

$('#dtp1')。日期时间选择器({
格式:'DD/MM/YYYY HH:MM A',
daysOfWeekDisabled:[0,6],
ignoreReadonly:正确
});

开始

onkeydown=“return false”或onkeydown=“event.preventDefault()”对我都有效。非常感谢。但是,当输入字段聚焦时,是否可以打开日历?当我在jquery演示页面上尝试时,它不是单击日历图标?@H.Khan-hmm,而是在焦点上打开。。你的设置不同吗?你说的焦点是指当你通过tab键对焦时?当我试着对焦时,它不会打开。我正在使用MVC5,而且对它还相当陌生。不客气,汗。:)下次,请务必说明用于确保更好更快支持的确切版本/库。如果我想将时间06:00更改为w/c-(文本),该怎么办?我也在使用datetimepicker,textbox不是readonly,因为用户希望将唯一时间更改为某些文本,如w/c。在文本框中,我可以将时间更改为文本,但如果退出该框,则值仍会更改,直到时间选择器值出现故障