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

【问题标题】：Disable previous dates and change date format in datetimepicker在 datetimepicker 中禁用以前的日期并更改日期格式
【发布时间】：2020-09-17 15:37:23
【问题描述】：

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

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

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

【问题讨论】：

我不清楚你所说的“禁用以前的日期格式'mm/dd/yy'”是什么意思——你的意思是你想改变日期格式吗？或者禁用截至今天的日期？此外，disabledDates 不是 jQuery 日期选择器的选项，所以您是否使用不同的日期选择器，例如引导程序？
我想在我的 datetimepicker 中禁用以前的日期，这样用户将无法选择过去的日期，我如何将我的 datetimepicker 格式化为 mm/dd/yy？

标签： javascript jquery datetimepicker datetime-format

【解决方案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

【讨论】：