使用bootstrap-datepicker时如何不显示移动键盘？

GusP 发表于 Dev

古斯

我尝试设置该disableTouchKeyboard选项，但至少在iOS / Safari上没有执行任何操作。我专门使用的选项是：

$(".datepicker").datepicker({
    autoclose: true,
    disableTouchKeyboard: true,
    format: 'm/d/yyyy',
    startDate: '01/01/1900',
    todayBtn: 'linked',
    todayHighlight: true,
});

有人知道最好的方法是什么吗？

古斯

这就是我完成这项工作的方式，但是我很想知道是否有更好的方法。

在问题中使用相同的选项，然后在HTML中创建HTML文本框readonly：

@Html.EditorFor(model => model.Date, new { htmlAttributes = new { 
    @class = "form-control datepicker", @readonly = "true",
}})

这似乎可行，因为JavaScript仍然可以更改字段的值。但是，它的确会使文本框的背景变灰（即禁用），并且将鼠标指针更改not-allowed为不需要的圆圈图标（）。为了解决这个问题，我添加了一个内联样式：

@Html.EditorFor(model => model.Date, new { htmlAttributes = new { 
    @class = "form-control datepicker", @readonly = "true",
    style = "cursor: default; background-color: #fff"
}})

我尝试覆盖CSS中的cursor和background-color（使用!important），但是在Internet Explorer中似乎不起作用。

这不是漂亮，但对我有用。仍然需要查看如何以更可靠的方式执行此操作（例如，无需对背景颜色进行硬编码，不必在我的所有日期字段中都指定此颜色等）。如果有人知道更好的方法，我将非常感谢。

本文收集自互联网，转载请注明来源。

如有侵权，请联系 [email protected] 删除。