Question

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

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

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

我可以使用以下代码隐藏时间戳：

    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

bool isInt;

decimal d;

if (decimal.TryParse(s, out d))
{
    if (d % 1 == 0)
    {
        isInt = true;
    }
    else
    {
        isInt = false;
    }
}
else
{
    isInt = false;
}

就像这样。

Answer 4

为什么不喜欢这样：

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

Answer 5

这是我的解决方案：

O(n^3)

使用jQuery DateTimePicker插件v2.3.8

Answer 6

这对我有用：）

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

Answer 7

如果其他代码不起作用，则可以使用此代码

    $('#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 8

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

Answer 9

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

Answer 10

我试过了..这对我有用。

使用datepicker（）而不是datetimepicker（）

参考：jQuery UI DateTimepicker - cannot hide the time

Answer 11

我尝试过了。它为我工作。必须在datetimepicker下设置以下格式参数，例如“ YYYY-MM-DD”

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

Answer 12

根据文档，它是：

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

Answer 13

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

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

13 个答案: