如何禁用 pickTime bootstrap dateTimePicker
How to disable pickTime bootstrap dateTimePicker
我想用 bootstrap-datetimepicker 禁用时间选择。
这是我的 JavaScript:
$('.dateTimePicker2').datetimepicker({
language: "fr",
pickTime: false,
});
我知道有不同的日期时间选择器插件。我使用 smalot/bootstrap-datetimepicker。即使我把pickTime
设置成false
也不行?有什么想法吗?
您可以使用format
和minView
option,设置format: "yyyy-mm-dd"
和minView: "month"
。 format
选项确定在输入中显示的格式,而 minView
选项是日期时间选择器应显示的 最低视图。
这是一个工作示例:
$('.dateTimePicker2').datetimepicker({
format: "yyyy-mm-dd",
minView: "month",
language: "fr"
});
<link href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/css/bootstrap.css" rel="stylesheet"/>
<link href="https://cdnjs.cloudflare.com/ajax/libs/smalot-bootstrap-datetimepicker/2.4.4/css/bootstrap-datetimepicker.min.css" rel="stylesheet"/>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/js/bootstrap.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/smalot-bootstrap-datetimepicker/2.4.4/js/bootstrap-datetimepicker.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/smalot-bootstrap-datetimepicker/2.4.4/js/locales/bootstrap-datetimepicker.fr.js"></script>
<input size="16" type="text" readonly class="dateTimePicker2">
我想用 bootstrap-datetimepicker 禁用时间选择。
这是我的 JavaScript:
$('.dateTimePicker2').datetimepicker({
language: "fr",
pickTime: false,
});
我知道有不同的日期时间选择器插件。我使用 smalot/bootstrap-datetimepicker。即使我把pickTime
设置成false
也不行?有什么想法吗?
您可以使用format
和minView
option,设置format: "yyyy-mm-dd"
和minView: "month"
。 format
选项确定在输入中显示的格式,而 minView
选项是日期时间选择器应显示的 最低视图。
这是一个工作示例:
$('.dateTimePicker2').datetimepicker({
format: "yyyy-mm-dd",
minView: "month",
language: "fr"
});
<link href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/css/bootstrap.css" rel="stylesheet"/>
<link href="https://cdnjs.cloudflare.com/ajax/libs/smalot-bootstrap-datetimepicker/2.4.4/css/bootstrap-datetimepicker.min.css" rel="stylesheet"/>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/js/bootstrap.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/smalot-bootstrap-datetimepicker/2.4.4/js/bootstrap-datetimepicker.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/smalot-bootstrap-datetimepicker/2.4.4/js/locales/bootstrap-datetimepicker.fr.js"></script>
<input size="16" type="text" readonly class="dateTimePicker2">