我正在使用这个版本的Bootstrap DatePicker:http://eternicode.github.io/bootstrap-datepicker/(范围类型),我已经在JSFiddle上上传了我的演示:http://jsfiddle.net/qs5co179/6/
相关的 JavaScript:
$('#sandbox-container .input-daterange').datepicker({
format: "dd/mm/yyyy",
minViewMode : 1
});
我已经设置了参数minViewMode :1,所以我只能在日历上查看月份而不是整天,原因是我想严格用户输入:
- 每月第一天:输入名称="开始"
- 并严格要求它们只输入该月的最后一天:输入 name="end"(但当您单击时,默认值始终是该月的第一天)
例如,我正在寻找的数据条目如下所示:
从: 01/07/2015 - 至: 30/09/2015.. 以这种格式 (日/月/年)
现在,当您在"To:"字段中单击月份时,我找不到任何参数来设置日历以选择该月的最后一天,而不是始终
选择第一天。还有一件事,我想总是让"从:"和"到:"有 3 个月的时间,而且不少于,我想总是让范围至少 3 个月。
提前非常感谢...
事件处理程序附加到changeDate
事件(doc),并手动更改日期(即添加一个月,减去一天)。
对于日期处理部分,我会
- 获取日期部分
- 如果为 12 月,则将月份增加 1,然后将其更改为 1 月
- 创建新的
Date
实例 -
date = date.setDate(date.getDate() - 1)
以获得正确的日期
日期部分可以通过简单的字符串切片来减去:
var day = str.slice(0,2);
var month = str.slice(3,5);
var year = str.slice(6,10);