【问题标题】:How to disable time in Bootstrap DateTimePicker?如何在 Bootstrap DateTimePicker 中禁用时间?
【发布时间】:2015-04-11 13:19:53
【问题描述】:

我想在没有选择时间的情况下使用 bootstrap datetimepicker,但它不起作用。我为 pickTime 参数提供了错误值,但它仍然无法正常工作。但格式和语言参数正在工作。

这里是代码! 我该如何解决这个问题?

<script type="text/javascript">
      $(function () {
         $('#datetimepicker1').datetimepicker({
            format: "dd MM yyyy",
            pickTime: false,
            autoclose: true,
            todayBtn: true,
            language: 'tr',
            pickerPosition: "bottom-right"          
            });
        });
</script>



<div class='input-group date' id='datetimepicker1'>

     <span class="input-group-addon">Birtdate</span>
     <input type='text' class="form-control" />
      <span class="input-group-addon">
            <span class="glyphicon glyphicon-calendar">  </span>
      </span>
</div>

【问题讨论】:

  • 您使用的是什么引导 datetimepicker 脚本?您可以发布指向其文档的链接吗?
  • 你能加个小提琴吗,因为对我来说你的代码在工作jsfiddle.net/uzj82mry
  • sandeeproop 代码正在运行,但我想禁用选择器中的时间部分。我没有这样做。

标签: javascript jquery twitter-bootstrap twitter-bootstrap-3 datetimepicker


【解决方案1】:

试试这个删除 pickTime 选项并使用 minview : 2

$(function() {
  $('#datetimepicker4').datetimepicker({
    minView : 2
  });
});

【讨论】:

  • minview 对我不起作用,minView(大写 V)对我有用。谢谢!
【解决方案2】:

试试下面的代码,当日历被下拉时,它只会显示日期视图。

    $(function () {
     $('#datetimepicker1').datetimepicker({
        format: 'yyyy-mm-dd',
            startView: 'month',
            minView: 'month',
            autoclose: true          
        });
    });

【讨论】:

    【解决方案3】:

    datetimepicker 插件有很多,所以你需要详细说明你使用的插件。 如果您使用来自http://eonasdan.github.io/bootstrap-datetimepicker/ 的插件。 我认为,您可能会使用错误的选项:在http://eonasdan.github.io/bootstrap-datetimepicker/Options/ 阅读更多内容。这里我几乎删除了,只保留一个:

        $('#datetimepicker1').datetimepicker({
            format: "dd MM yyyy"         
        });
    

    【讨论】:

    • 好吧,我找到了解决方案。我检查了malot.fr/bootstrap-datetimepicker 中的文档,并显示了一个名为“minview”的参数,我给出了它的值 2。就是这样!谢谢!
    • minView: 2, startView: 2
    • 对于 eonasdan datetimepicker 版本 4.14.30 “pickTime”属性不起作用。例如,您需要使用设置为“YYYY-MM-DD”的“格式”功能。
    【解决方案4】:

    我在网上找到了这个网站,它禁用了时间选择器

    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>
    

    【讨论】:

      猜你喜欢
      • 2018-11-20
      • 1970-01-01
      • 2015-02-11
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2018-06-07
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多