如何更改引导 datetimepicker 以仅显示日期而不显示时间

Posted 2023-05-08

【中文标题】如何更改引导 datetimepicker 以仅显示日期而不显示时间

【英文标题】：How to change the bootstrap datetimepicker to display only dates and not time

【发布时间】：2021-11-12 06:13:02

【问题描述】：

我有几个输入日期。我不需要时间，但不知何故我无法摆脱它。

我尝试了在 *** 上找到的所有解决方案，但均未成功。

我正在使用 tempusdominus 日期时间选择器。

JS FIDDLE LIVE DEMO

有谁知道如何删除输入小时和分钟的选项？

我认为format: 'MM/DD/YYYY' 可以解决问题，但显然它不起作用。

$('#monthDatetimepicker').datetimepicker(
            defaultDate: date,
            viewMode: 'days',
            format: 'MM/DD/YYYY'
        );

【问题讨论】：

这段jquery代码看得我眼睛疼。在表格中显示值的变量是什么？你能指点我吗？

第二个stock[1]

不要使用datetimepicker，而是使用datepicker？

您已尝试设置格式，但您已将其应用于 nothing。 console.log($("#monthDatetimepicker").length) == 0。在您调用选项时没有任何 id monthDatetimepicker - 甚至在您构建表之后也没有，因为它是 monthDatetimepicker0（等等）

【参考方案1】：

您需要设置 default 选项，以便它适用于新创建的日期[时间]选择器：

来自options 页面，了解如何设置全局默认值：

  $.fn.datetimepicker.Constructor.Default = $.extend(, $.fn.datetimepicker.Constructor.Default, 
    viewMode: 'days',
    format: 'MM/DD/YYYY',
  );

更新fiddle

---

你的问题是这条线

$('#monthDatetimepicker').datetimepicker(
    format: 'MM/dd/YYYY'

在代码运行时不会以$('#monthDatetimepicker') === 0 的形式应用于任何内容。

将该行移到末尾也没有任何作用，因为您新创建的日期输入具有id="monthDatetimepicker" + i。更改为有效身份证件，例如：

$('#monthDatetimepicker0').datetimepicker(
    format: 'MM/dd/YYYY'

则仅适用于第一个选择器。

所以你可以做一些可怕的$("[id=^monthDatetimepicker]").datetimepicker... 或者，更简单，你可以在你的 html 构建器中添加一个类并将其用作选择器。或者像上面一样全局设置它（这将影响其他选择器，除非它们应用了不同的格式）。 （或改用日期选择器...）

【参考方案2】：

在末尾添加 .substring(0,10)。

【讨论】：

您的答案可以通过额外的支持信息得到改进。请edit 添加更多详细信息，例如引用或文档，以便其他人可以确认您的答案是正确的。你可以找到更多关于如何写好答案的信息in the help center。