微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

jquery – Bootstrap日期选择器中的多个日期

我想在 Boostrap-Datepicker.中选择多个日期

我已经初始化了datepicker,就好了.

$('#datepicker2').datepicker();

现在我想在日历上的select multiple dates

$('#datepicker2').datepicker('setDate',[new Date(2014,2,5),new Date(2014,3,5)]);

它不起作用.未记录任何错误,但未选择日期.

编辑:我使用的datepicker版本与multidates有一些问题,我使用以前的版本,它的工作原理 – 可能是版本问题

这虽然工作得很好:

$('#datepicker2').datepicker('setDate',5));

解决方法

首先必须通过选项将日期选择器定义为多日期选择器.
$('#datepicker2').datepicker({
  multidate: true
});

然后,您可以通过setDates方法设置日期:

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

$('.date').datepicker('setDates',5)])
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.0/jquery.min.js"></script>
<script src="http://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.3.0/js/bootstrap-datepicker.js"></script>
<link href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.8.0/css/bootstrap-datepicker.css" rel="stylesheet"/>
<input type="text" class="form-control date"/>

原文地址:https://www.jb51.cc/jquery/177473.html

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。

相关推荐