jquery - 如何在 JQuery Datetimepicker 插件中仅显示日期？

Question

我已经搜索了高低以寻找我的问题的答案，但没有找到一个，但我确实找到了两个相关的问题：JQuery Datepicker should display date only，jQuery UI DateTimepicker - cannot hide the time

但是他们没有解决我的问题。

我正在使用 Trent Richardsons datetimepicker，我希望它只在文本框中显示日期。为什么我不使用没有插件的日期选择器的答案是因为有时我希望它显示日期时间，有时只显示日期。

我可以使用以下代码隐藏时间选择器：

    datetimepicker("option", "showTimepicker", false);

时间从我的文本框中消失，但日期有一个尾随空格，“2013-11-01”我尝试了分隔符选项，但没有运气。

    datetimepicker("option", "separator", "");

任何人都知道我该如何解决这个问题？

稍微澄清一下，我正在尝试编写一种可以通过大型解决方案使用的组件，其中有时需要成为 datetimepicker，有时需要成为 datepicker。这个“组件”包含一个包含在一些 html 中的输入（我的 datetimepicker）。它还具有可以设置的属性，其中之一是 SetDateOnly()，这就是我试图让日期选择器仅显示日期的地方。

score 20 · Accepted Answer

20

试试这个选项：

$("#selector").datetimepicker({
  minView: 2,
  format: 'YYYY-MM-DD'
});

于 2014-12-29T18:35:33.567 回答

score 12 · Accepted Answer

然后你可以像这样使用showTimePicker： -

表单加载

$(document).ready(function(){
    $('#selector').datetimepicker({
        'showTimepicker': false
    });     
});

在运行时

$(".btn").click(function(){ 
    $('#selector').datetimepicker("destroy"); //destroys the previous settings.
    $('#selector').datetimepicker({
        'showTimepicker': false
    });                     
});

score 5 · Accepted Answer

$(document).ready(function(){
    $('#selector').datetimepicker({
        viewMode: 'days',
        format: 'DD/MM/YYYY'
    });     
});

它是这样工作的。

score 4 · Accepted Answer

如果另一个代码不起作用，那么您可以使用此代码

    $('#datetimepicker_date_to_view').datetimepicker({
            timepicker:false,
            format:'d.m.Y',
        }).on('change', function() {
            $('.xdsoft_datetimepicker').hide();
            var str = $(this).val();
            str = str.split(".");
            $('#alt_date_field').val(str[2]+'-'+str[1]+'-'+str[0]);
        });

score 3 · Accepted Answer

为什么不这样：

$('#selector').datetimepicker(); // When required both functionalities.
$('#selector').timepicker(); // When only time is required.
$('#selector').datepicker(); // Otherwise regular datepicker can be used.

score 3 · Accepted Answer

这对我有用:)

    $("#selector").datetimepicker({
    minView: 2,
    format: 'dd-mm-yyyy',
    autoclose: true
    });

score 2 · Accepted Answer

这是我的解决方案：

  $("#Time").datetimepicker({
      datepicker: false,
      step: 15,
      format: 'g:i a',
    });

使用jQuery DateTimePicker 插件 v2.3.8

score 2 · Accepted Answer

2

根据文档，它是：

$("#selector").datetimepicker({
  format: 'L'
});

于 2019-07-25T18:11:47.917 回答

score 1 · Accepted Answer

我试过这个。它对我有用。必须在 datetimepicker 下设置以下格式参数，例如 'YYYY-MM-DD'

$(document).ready(function(){
  $('#selector').datetimepicker({         
    format: 'YYYY-MM-DD'
  });     
});`

score 0 · Accepted Answer

我通过在我的“组件”中添加一个参数来解决我的问题，说明它是否应该包含 datetimepicker 或 datepicker。缺点是我不能像我打算做的那样轻松地在它们之间切换。

score 0 · Accepted Answer

        <script type="text/javascript">
            $(function () {
                $('#selector').datetimepicker({
                  format: 'YYYY-MM-DD'
                });
            });
        </script>

score -1 · Accepted Answer

$('#datetimepicker1').datetimepicker({
    viewMode: 'days',
    format: 'DD/MM/YYYY',
  icons: {
      time: 'fa fa-clock-o',
      date: 'fa fa-calendar',
      up: 'fa fa-chevron-up',
      down: 'fa fa-chevron-down',
      previous: 'fa fa-chevron-left',
      next: 'fa fa-chevron-right',
      today: 'fa fa-crosshairs',
      clear: 'fa fa-trash'
    }
});

score -2 · Accepted Answer

我试过这个..它对我有用。

使用 datepicker() 而不是 datetimepicker()

参考：jQuery UI DateTimepicker - 无法隐藏时间

jquery - 如何在 JQuery Datetimepicker 插件中仅显示日期？

13 回答 13

Related

Reference