在引导日期时间选择器中禁用时间

Question

我在我的Web应用程序中使用引导日期时间选择器，由PHP/HTML5和JavaScript制作。我目前正在使用一个：http://tarruda.github.io/bootstrap-datetimepicker/

当我没有时间使用控件时，它不工作。它只显示一个空白文本框。

我只想从日期时间选择器中删除时间。有什么解决办法吗？

<div class="well">
    <div id="datetimepicker4" class="input-append"> 
        <input data-format="yyyy-MM-dd" type="text"></input> 
        <span class="add-on"> 
            <i data-time-icon="icon-time" data-date-icon="icon-calendar"> </i> 
        </span> 
    </div> 
</div> 
<script type="text/javascript"> 
    $(function() { 
        $('#datetimepicker4').datetimepicker({ pickTime: false }); 
    }); 
</script>

Answer 1

这是给：Eonasdan的引导Datetimepicker的

首先，我将为

<div class="container">
  <input data-format="yyyy-MM-dd" type="text" id="datetimepicker"/>
</div>
<script type="text/javascript">
  $(function() {
    // Bootstrap DateTimePicker v3
    $('#datetimepicker').datetimepicker({
      pickTime: false
    });
    // Bootstrap DateTimePicker v4
    $('#datetimepicker').datetimepicker({
      format: 'DD/MM/YYYY'
    });
  });
</script>

对于v3：与Ck Maurya的回答相反：

• pickDate:false将禁用日期，只允许选择时间
• pickTime:false将禁用时间，只允许选择日期（您想要的日期）

对于v4：Bootstrap Datetimepicker现在使用该格式来确定是否存在时间组件。如果不存在时间组件，它不会让您选择时间（并隐藏时钟图标）。

Answer 2

我尝试了这里发布的所有解决方案，但没有一个对我有用。我设法通过在我的jQuery中使用这行代码来禁用时间：

$('#datetimepicker4').datetimepicker({
    format: 'YYYY-MM-DD'
});

这将格式设置为仅日期，并完全禁用时间。希望这有帮助。

Answer 3

检查以下代码段

<div class="container">
<div class="row">
    <div class='col-sm-6'>
        <div class="form-group">
            <div class='input-group date' id='datetimepicker4'>
                <input type='text' class="form-control" />
                <span class="input-group-addon"><span class="glyphicon glyphicon-time"></span>
                </span>
            </div>
        </div>
    </div>
    <script type="text/javascript">
        $(function() {              
           // Bootstrap DateTimePicker v4
           $('#datetimepicker4').datetimepicker({
                 format: 'DD/MM/YYYY'
           });
        });      
    </script>
</div>

您可以参考http://eonasdan.github.io/bootstrap-datetimepicker/详细说明文档和其他功能。这应该行得通。

使用力矩的本地化格式。js公司：

• <代码>L仅用于日期
• 仅限时间
• 日期和时间

查看当前的其他本地化格式。js文档(https://momentjs.com/docs/#/displaying/format/)