Question

我的bootstrap datetimepicker有以下html。我想禁用<input>并强制用户使用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"
 });

Answer 1

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

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

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

Answer 2

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

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

希望它也适合你！

Answer 3

输入div中的所有内容都被抢占了，因此它将datetimepicker视为输入。所以取输入div或取出datetimepicker

使用datetimepicker禁用输入字段

3 个答案: