使用datetimepicker禁用输入字段

我的引导datetimepicker具有以下html。我想禁用<input>并强制用户使用datetimepicker。我试过使用disabled和readonly="readonly"属性。但添加属性后，我的datetimepicker不起作用。有什么建议么？使用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" 
});

来源

2015-10-05 root

http://stackoverflow.com/questions/18569292/bootstrap-datepicker-disable-feature –

你使用什么插件？在这里工作正常：http://jsfiddle.net/IvinvinDominin/hz6xuu0o/ –

我使用http://eonasdan.github.io/bootstrap-datetimepicker/ – root

您可以将disabled属性添加到您的输入，如：

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

演示：http://jsfiddle.net/IrvinDominin/hz6xuu0o/

来源

2015-10-05 13:48:25

我试过了。它不适用于我的。我会用我的JS编辑这个问题。如果有帮助。 – root

按预期工作在这里：http://jsfiddle.net/IrvinDominin/hz6xuu0o/1/？你能提供这个问题的演示吗？ –

这很奇怪。当我把它放到小提琴里面的时候它就起作用了。但它在我的.jsp上不起作用 – root

所有东西都在输入格子里打起来，所以它把datetimepicker当作输入。因此，需要输入的div出或采取的DateTimePicker出

来源

2015-10-05 12:45:26 tcode

我设法得到可接受的解决方案如下：

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

希望它也适用于您！

来源

2017-09-17 09:32:45

回答

相关问题