【问题标题】:Bootstrap Datepicker 2.0 To select multiple datesBootstrap Datepicker 2.0 选择多个日期
【发布时间】:2014-11-01 11:20:30
【问题描述】:

我正在使用 bootstrap 2.0 中的日期选择器,我希望能够从 UI 中选择多个日期。

有什么办法可以做到吗?

<input size="16" type="text" class="form_datetime">

<script type="text/javascript">
    $(".form_datetime").datetimepicker({format: 'yyyy-mm-dd'});
</script>   

【问题讨论】:

    标签: jquery twitter-bootstrap datepicker


    【解决方案1】:

    您需要将选定的日期存储到一个变量(静态、php 或其他语言)中,并使用 beforeShowDay 来显示日期是否被选中。

    beforeShowDay: function (date){
                          for (i = 0; i < calendarEvents.length; i++) {
                              if (date.getMonth() == calendarEvents[i][0] - 1
                              && date.getDate() == calendarEvents[i][1]
                              && date.getFullYear() == calendarEvents[i][2]) {
                              //[disable/enable, class for styling appearance, tool tip]
                              return [false,"ui-state-active","Event Name"];
                              }
                           }
                           return [true, ""];//enable all other days
                        }
           });
    

    其中 calendarEvents 是一个日期数组

    【讨论】:

      【解决方案2】:

      如果您使用引导程序,那么简单。 只需使用multidatetrue

      代码:

      $('#datepicker').datepicker({
                      multidate: true,
                  });
      

      参考Here

      很高兴。

      【讨论】:

      • 它对我不起作用。我正在使用引导程序 3。有什么建议吗?
      • 问题是如何用多日期加载日期?我已经苦苦挣扎了一段时间,无法使用 setDate。
      • 问题是如何在 datetimepicker 中使用多日期加载日期
      猜你喜欢
      • 1970-01-01
      • 2018-11-15
      • 1970-01-01
      • 1970-01-01
      • 2020-06-19
      • 2010-11-29
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多