【问题标题】:bootstrap datepicker option doesn't seem work (datepicker by vitalets) [closed]引导日期选择器选项似乎不起作用(vitalets 的日期选择器)[关闭]
【发布时间】:2013-10-14 15:10:51
【问题描述】:

我包含了所有内容,但似乎不适用于这些选项,对于新手来说没有一个例子是痛苦的..帮助..

html

<input type="text" class="form-control  datepicker" id="datepicker" data-date-format="dd/mm/yyyy" />

js

$('#datepicker').datepicker({
        autoclose: true,
        todayBtn: true,
        todayHighlight: true
});

github参考:https://github.com/vitalets/bootstrap-datepicker#autoclose

【问题讨论】:

  • 确保您的输入的 id 为 datepicker 或更改 jQuery 选择器以匹配您的输入
  • 我做了.. 日历显示但选项不起作用..
  • 同时发布 HTML 代码。
  • 哪些选项不起作用? todayHighlight 之类的东西也需要包含 css。 JS 只对今天的日期应用一个类,实际的高亮是由 css 完成的。我在这里有一个工作小提琴:jsfiddle.net/UdgPx。看看它与您的设置相比如何
  • 不,日历显示,但该选项不起作用,唯一起作用的选项是 html 中的 date-date-format,我尝试了其他选项,但没有运气

标签: jquery twitter-bootstrap datepicker


【解决方案1】:

todayBtn: true 指示按钮仅显示今天,而不是选择它。如果您希望按钮实际更改所选日期,请使用:

todayBtn: "linked"

请参阅:https://github.com/uxsolutions/bootstrap-datepicker/issues/314

【讨论】:

    【解决方案2】:

    你的代码很好,

    检查JSFiddle,当我选择日期时,日期选择器正在关闭。

    autoclose: true  //this will work with vitalets
    

    我猜可能的原因如下:

    1) 可能给出错误的bootstrap.datepicker.js

    <script src="http://vitalets.github.io/bootstrap-datepicker/bootstrap-datepicker/js/bootstrap-datepicker.js"></script>
    

    确保你的路径是正确的

    【讨论】:

      【解决方案3】:

      试试这个:

      $('.datepicker').datepicker()
      .on('changeDate', function(ev){                 
          $('.datepicker').datepicker('hide');
      });
      

      更新:

      autoclose 可以与以下 repo 中的日期选择器配合使用:

      https://github.com/eternicode/bootstrap-datepicker

      【讨论】:

      • 这个 repo 正在改变,你应该给出版本号
      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2014-04-26
      • 2013-08-28
      相关资源
      最近更新 更多