Question

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

我有什么方法可以做到这一点吗？

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

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

Answer 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是日期数组

Answer 2

如果你使用bootstrap那么容易。只需使用multidate到true

即可

代码：

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

参考Here

好的去。

Bootstrap Datepicker 2.0选择多个日期

2 个答案:

代码：