javascript - 可以使用 bootstrap 禁用时间选择器

Question

我下载了一个管理模板，该模板具有日期时间选择器，因为我只想要日期选择器，但我不知道如何禁用时间选择器，请帮助我如何解决这些问题。我将附上我的类文件和 HTML 代码，同时我还将附上时间选择器 UI。

<!-- Bootstrap Material Datetime Picker Css -->
<link href="{{asset('assets/plugins/bootstrap-material-datetimepicker/css/bootstrap-material-datetimepicker.css')}}" rel="stylesheet" />

他们使用页脚

<script src="{{asset('assets/plugins/momentjs/moment.js')}}"></script> <!-- Moment Plugin Js -->
<!-- Bootstrap Material Datetime Picker Plugin Js -->
<script src="{{asset('assets/plugins/bootstrap-material-datetimepicker/js/bootstrap-material-datetimepicker.js')}}"></script>

这是我的 HTML 代码

  <div class="col-sm-6">
        <div class="input-group">
             <span class="input-group-addon">
                 <i class="zmdi zmdi-calendar"></i>
             </span>
   <input type="text" class="form-control datetimepicker" placeholder="Please choose date & time...">
       </div>
   </div>

<强>

Answer 1

您可以通过将 time 参数设置为 false 来实现此目的，如下所示:

$('.datetimepicker').bootstrapMaterialDatePicker({ time: false });

Demo Here