您的位置：首页 > Web前端 > BootStrap

基于bootstrap样式的双日历控件(daterangepicker)

2017-12-21 14:42 615 查看
1.控件地址http://www.daterangepicker.com

2.使用方法:

$('#config-demo').daterangepicker({
startDate:moment().subtract('days', 6),
endDate:moment(),
"autoApply": true,
maxDate : moment(), //最大时间
linkedCalendars:false,//两个不显示为连续的两个月
"ranges" : {
'今日': [moment().startOf('day'), moment()],
'一周': [moment().subtract('days', 6), moment()],
'一个月': [moment().subtract('days', 29), moment()],
'三个月': [moment().subtract('days', 89), moment()],
},
"alwaysShowCalendars": true,
"opens": "left",
locale : {
format : 'YYYY-MM-DD',
separator: ' ~ ',
customRangeLabel : '自定义',
monthNames : [ '一月', '二月', '三月', '四月', '五月', '六月',
'七月', '八月', '九月', '十月', '十一月', '十二月' ],
firstDay : 1
}
})


这个样式是


下面的是

{
startDate:moment().subtract('days', 6),
endDate:moment(),
"autoApply": true,
maxDate : moment(), //最大时间
linkedCalendars:false,//两个不显示为连续的两个月
"ranges" : {
'今日': [moment().startOf('day'), moment()],
'一周': [moment().subtract('days', 6), moment()],
'一个月': [moment().subtract('days', 29), moment()],
'三个月': [moment().subtract('days', 89), moment()],
},
"alwaysShowCalendars": true,
"opens": "left",
locale : {
format : 'YYYY-MM-DD',
separator: ' ~ ',
customRangeLabel : '自定义',
monthNames : [ '一月', '二月', '三月', '四月', '五月', '六月',
'七月', '八月', '九月', '十月', '十一月', '十二月' ],
firstDay : 1
}
}


样式表现为

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息
标签： 
相关文章推荐
新的分享
章节导航