6

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

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

7 回答 7

7

我刚遇到这个问题。我知道自从 OP 提出这个问题以来已经有一段时间了，他可能已经解决了这个问题。只是为了以后可能会遇到这个问题的人，如果要隐藏时间选择器，只需调用原始jquery ui datepicker方法即可

datepicker()

代替

datetimepicker()
于 2014-12-08T23:44:14.523 回答
5

当另一个代码不起作用时，我使用我的这个代码。

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


<input type="hidden" id="alt_date_field">
于 2016-12-24T05:13:18.837 回答
4

timepicker：jquery.datetimepicker 的 false

于 2015-12-02T19:45:24.077 回答
3

您需要添加以下选项：

时间选择器：假

（时间选择器必须小写）

于 2016-04-06T11:45:28.887 回答
1

您必须像这样定义选项：

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

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

$('#id_start_date_time').datetimepicker({
    showTimePicker: false,
    showSecond: true,
    timeFormat: 'hh:mm:ss'
});
于 2012-07-16T14:26:50.497 回答
0

我使用了“showTimepicker”：true，/“showTimepicker”：false，如果不需要，可以显示/隐藏时间选项。

有些页面有时间和没有时间选项，这就是我需要使用这个选项的原因。

当我将此设置为 false 时，它​​会按照设计的方式隐藏时间选项，但会覆盖

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

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

我已删除该行

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

这似乎解决了这个问题。

当我单击今天按钮时，它失去了关闭的能力，但我可以忍受

于 2014-06-12T15:21:10.993 回答
0

此代码工作正常：

  <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 库

于 2018-11-30T12:02:11.797 回答