Question

我正在使用http://trentrichardson.com/examples/timepicker/中的日期时间选择器组件。试图隐藏时间选择器，但我的代码不起作用：

$('#id_start_date_time').datetimepicker('option', 'showTimepicker', false);

Answer 1

我刚刚遇到过这个问题。我知道已经有一段时间了，因为OP问了这个问题，他可能已经解决了这个问题。对于将来可能遇到此问题的人，如果要隐藏时间戳，只需调用原始的jquery ui datepicker方法

datepicker()

而不是

datetimepicker()

Answer 2

timepicker：jquery.datetimepicker为false

Answer 3

当其他代码不起作用时，我会使用此代码。

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

您需要添加以下选项：

timepicker：false

（timepicker必须为小写）

Answer 5

您必须定义如下选项：

$('#id_start_date_time').datetimepicker({
    showTimePicker: false
});

要添加更多选项，您可以用逗号分隔：

$('#id_start_date_time').datetimepicker({
    showTimePicker: false,
    showSecond: true,
    timeFormat: 'hh:mm:ss'
});

Answer 6

我使用了＆＃39; showTimepicker＆＃39;：true，/＆＃39; showTimepicker＆＃39;：false，用于显示/隐藏时间选项（如果不需要）。

有些页面既有时间又有时间选项，这就是我需要使用此选项的原因。

当我将此设置为false时，它会隐藏时间选项，因为它的设计目的只是为了覆盖

$.datepicker._base_gotoToday = $.datepicker._gotoToday;

导致问题。当我点击今天/现在按钮时，它将日期设置为今天但隐藏日历，当我再次单击输入框时没有任何反应，只有当我点击其他任何地方然后再次单击输入框时，日历显示

我已删除该行

$('.ui-datepicker-today', $dp).click();

似乎已经解决了这个问题。

当我点击今天按钮时它已经失去了关闭的能力，但我可以忍受那个

Answer 7

此代码可以正常工作：

  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/jquery-datetimepicker/2.5.20/jquery.datetimepicker.min.css">
  <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jquery-datetimepicker/2.5.20/jquery.datetimepicker.min.js"></script>
  <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jquery-datetimepicker/2.5.20/jquery.datetimepicker.full.min.js"></script>


<input class="form-control" id="datetimepicker" type="text" name="date" placeholder="Date">

<script>
$('#datetimepicker').datetimepicker({
    format:'Y-m-d',timepicker: false,
});
</script>

还包括jQuery库

jQuery UI DateTimepicker - 无法隐藏时间

7 个答案: