在 datetimepicker 中禁用以前的日期并更改日期格式

Question

如何在 datetimepicker 上禁用以前的日期？目前我正在使用下面的代码，但它也会禁用当前日期。该格式还包括我也不想要的时间。

$('#datetimepicker5').datetimepicker({
    minDate: new Date(),
    disabledDates: [new Date()]
});

预期格式：2020 年 9 月 17 日
实际格式：09/17/2020 10:34 PM

Answer 1

对于 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 :)

这是使用这些选项初始化日期时间选择器的方法：

$('#datetimepicker5').datetimepicker({
    minDate: 0,
    dateFormat: "mm/dd/yy",
    timepicker:false,
});

使用日期选择器的工作示例:

$("#my_datepicker").datepicker({
  minDate: 0,
  dateFormat: "mm/dd/yy",
});

<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">

参考文献：datepicker, datetimepicker plugin

在 datetimepicker 中禁用以前的日期并更改日期格式

Disable previous dates and change date format in datetimepicker

javascript

jquery

datetimepicker

datetime-format