问题描述
如何禁用datetimepicker上的先前日期?目前,我正在使用下面的代码,但它也会禁用当前日期。格式还包括我也不想要的时间。
$('#datetimepicker5').datetimepicker({
minDate: new Date(),disabledDates: [new Date()]
});
预期格式:2020年9月17日
实际格式:2020年9月17日晚上10:34
解决方法
对于jQuery UI datepicker
和jQuery datetimepicker
插件,您要查找的选项是:
- 禁用今天之前的日期:
minDate: 0
- 将日期格式更改为
mm/dd/yy
(例如09/17/20):dateFormat: "mm/dd/y"
- 将日期格式更改为
mm/dd/yyyy
(例如09/17/2020):dateFormat: "mm/dd/yy"
在datetimepicker
中,您还可以选择以下选项:
- 禁用特定日期,例如:
disabledDates: ['01/01/2021','01/02/2021','01/03/2021']
- 禁用时间选择器:
timepicker:false
或者,如果您不想浪费时间,则可以只使用datepicker
:)
这是使用以下选项初始化datetimepicker的方法:
$('#datetimepicker5').datetimepicker({
minDate: 0,dateFormat: "mm/dd/yy",timepicker:false,});
使用日期选择器的工作示例:
$("#my_datepicker").datepicker({
minDate: 0,});
<link href="https://code.jquery.com/ui/1.11.3/themes/smoothness/jquery-ui.css" rel="stylesheet" />
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="https://code.jquery.com/ui/1.11.3/jquery-ui.min.js"></script>
<label>Date</label>
<input id="my_datepicker" type="text">