准备
使用该日期选择器插件需要 jQuery 1.3.2+和Moment 2.2.0+的支持。
HTML结构
在需要放置日期选择器的地方添加以下html结构,就是一个输入框。
调用插件
调用jQuery Date Range Picker插件非常简单,和其他常见的jQuery插件一样:$('#datepicker').dateRangePicker(option);
配置参数
该日期选择器的默认配置参数如下:{
format: 'YYYY-MM-DD',
separator: ' to ',
language: 'auto',
startOfWeek: 'sunday',// or monday
getValue: function()
{
return this.value;
},
setValue: function(s)
{
this.value = s;
},
startDate: false,
endDate: false,
minDays: 0,
maxDays: 0,
showShortcuts: true,
time: {
enabled: false
},
shortcuts:
{
//'prev-days': [1,3,5,7],
'next-days': [3,