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

Question

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

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

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

我可以使用以下代码隐藏timepicker：

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

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

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

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

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

Answer 1

试试这个选项：

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

Answer 2

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

使用datepicker（）而不是datetimepicker（）

参考：jQuery UI DateTimepicker - cannot hide the time

Answer 3

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

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

Answer 4

$('#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'
    }
});

Answer 5

那么你可以像这样使用showTimePicker： -

在表单加载

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

在运行时间

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

Answer 6

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

它的工作原理如下。

Answer 7

为什么不这样：

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

Answer 8

这是我的解决方案：

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

使用jQuery DateTimePicker插件v2.3.8

Answer 9

这对我有用:)

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

Answer 10

如果其他代码不起作用，那么您可以使用此代码

    $('#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]);
        });

Answer 11

我通过在我的“组件”中添加一个参数来解决我的问题，该参数说明它应该包含datetimepicker还是datepicker。缺点是我不能像我想要的那样容易地在它们之间切换。

Answer 12

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