改变格式的移动设备上的Bootstrap的Datepicker

Question

我正在使用以下datepicker:(http://eternicode.github.io/bootstrap-datepicker/)作为我的date-Field.

<input class="datepicker" style="width:100px;border-radius: 4px;" type="text" placeholder="Datum" id="startDate"....

我正在使用两种不同的格式'dd.mm.yyyy'和'mm/dd/yyyy'并且外观很好.但是在移动设备上,当我点击输入字段时键盘会打开.

因此,我使用了原生日期选择器,<input type='date'....但这个不支持不同的格式.

无论如何要禁用input type=text元素上的键盘？

或者你知道其他任何格式不同的日期选择器吗？

谢谢你的帮助

Answer 1

试试这个：如果你添加 onfocus="blur();" 对于该元素，这不会让软键盘打开。因此，您将无法在移动设备上打开键盘。

$('#sandbox-container input').datepicker({});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="https://unpkg.com/bootstrap-datepicker@1.9.0/dist/js/bootstrap-datepicker.min.js"></script>
<link href="https://netdna.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css" rel="stylesheet"/>
<link href="https://unpkg.com/bootstrap-datepicker@1.9.0/dist/css/bootstrap-datepicker3.min.css" rel="stylesheet"/>


<div id="sandbox-container"><input type="text" class="form-control" onfocus="blur();"></div>