使用 datetimepicker 禁用输入字段答案

【问题标题】：Disable input field with datetimepicker使用 datetimepicker 禁用输入字段
【发布时间】：2015-10-05 12:37:29
【问题描述】：

我的引导日期时间选择器有以下 html。我想禁用<input> 并强制用户使用日期时间选择器。我试过使用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"
 });

【问题讨论】：

stackoverflow.com/questions/18569292/…
你用的是什么插件？在这里工作正常：jsfiddle.net/IrvinDominin/hz6xuu0o
我正在使用eonasdan.github.io/bootstrap-datetimepicker

标签： javascript html twitter-bootstrap

【解决方案1】：

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

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

希望它也对你有用！

【讨论】：

嗨，我试过了，但没用。但是，我制作了单独的部分，它可以工作。我将其设为另一个 $(".date") 并添加 on 事件。然后它变成这样 $(".date").on('keypress paste', function (e) { e.preventDefault(); return false; });

【解决方案2】：

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

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

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

【讨论】：

我试过了。它对我的不起作用。我将用我的 JS 编辑问题。如果有帮助的话。
这里是否按预期工作：jsfiddle.net/IrvinDominin/hz6xuu0o/1 ？你能提供这个问题的演示吗？
这很奇怪。当我将它放入小提琴时，它可以工作。但它不适用于我的 .jsp
在此示例中，您仍然可以通过单击日历图标进行编辑
当我们禁用它时，我们无法发布数据。还有其他解决方案吗？

【解决方案3】：

所有内容都在输入 div 中进行处理，因此它将 datetimepicker 视为输入。所以把输入的 div 拿出来或者把 datetimepicker 拿出来

【讨论】：