首页 文章

jQuery UI DateTimepicker - 无法隐藏时间

提问于
浏览
4

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

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

7 回答

  • 5

    i use my this code when another code not work.

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

    您需要添加以下选项:

    timepicker: false

    (timepicker必须是小写的)

  • 4

    您必须定义如下选项:

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

    要添加更多选项,您可以用逗号分隔:

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

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

    datepicker()
    

    代替

    datetimepicker()
    
  • 2

    timepicker:对于jquery.datetimepicker为false

  • 4

    我使用'showTimepicker':true,/'showTimepicker':false,显示/隐藏时间选项的选项,如果不需要的话 .

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

    当我将此设置为false时,它会隐藏时间选项,因为它的设计目的仅限于上面

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

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

    我删除了这条线

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

    这似乎解决了这个问题 .

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

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

相关问题