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

Question

我已经搜索了我的问题的答案,但没有找到一个,我确实找到了两个相关的问题:JQuery Datepicker应该只显示日期,jQuery UI DateTimepicker - 无法隐藏时间

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

我正在使用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

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

在表单加载

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

在运行时间

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

Answer 3

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

它是这样工作的。

Answer 4

为什么不这样：

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