如何更改 bootstrap 日期时间选择器以仅显示日期而不显示时间

Question

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

我尝试了在 Whosebug 上找到的所有解决方案，但都没有成功。

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

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

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

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

Answer 1

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

Answer 2

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

来自关于如何设置全局默认值的 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。更改为有效 ID，例如：

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

然后仅适用于第一个选择器。

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

如何更改 bootstrap 日期时间选择器以仅显示日期而不显示时间

How to change the bootstrap datetimepicker to display only dates and not time

javascript

jquery

bootstrap-datepicker

bootstrap-datetimepicker

tempus-dominus-datetimepicker