Javascript 使用datetimepicker禁用输入字段

Javascript 使用datetimepicker禁用输入字段,javascript,html,twitter-bootstrap,Javascript,Html,Twitter Bootstrap,我的引导datetimepicker有以下html。我想禁用并强制用户使用datetimepicker。我试过使用disabled和readonly=“readonly”属性。但是在添加属性之后,我的datetimepicker无法工作。有什么建议吗 <div class='input-group date' id='startDate'> <input type='text' class="form-control" /> <span cl

我的引导datetimepicker有以下html。我想禁用
并强制用户使用datetimepicker。我试过使用
disabled
readonly=“readonly”
属性。但是在添加属性之后,我的datetimepicker无法工作。有什么建议吗

<div class='input-group date' id='startDate'>
      <input type='text' class="form-control" />
      <span class="input-group-addon">
           <span class="glyphicon glyphicon-calendar"></span>
      </span>
 </div> 

 $('#startDate').datetimepicker({
    format: "YYYY-MM-DD",
    useCurrent: true,
    viewMode: "days"
 });

$('#startDate')。日期时间选择器({
格式:“YYYY-MM-DD”,
是的,
查看模式:“天”
});

所有内容都在input div中进行重排,因此它将datetimepicker视为输入。因此,取出输入div或取出日期时间选择器

您可以将
disabled
属性添加到您的输入中,如下所示:

<input type='text' class="form-control" name="startDate" disabled />    


演示:

我设法获得了如下可接受的解决方案:

$(".date").datetimepicker({
    defaultDate: moment(),
    format: 'YYYY-MM-DD'
}).on('keypress paste', function (e) {
    e.preventDefault();
    return false;
});

希望它对你也有用

你在用什么插件?在这里效果很好:我正在使用,我已经试过了。而且对我的不起作用。我将用我的JS编辑这个问题。如果有帮助的话。在这里是否按预期工作:?你能提供这个问题的演示吗?很奇怪。当我把它放在小提琴上时,它就起作用了。但是它在我的.jsp上不起作用