daterangepicker 双日历/格式化日期/日期限制minDate,maxDate

var locale = {
"format": 'YYYY/MM/DD',
"separator": " - ",
"applyLabel": "确定",
"cancelLabel": "取消",
"fromLabel": "起始时间",
"toLabel": "结束时间'",
"customRangeLabel": "自定义",
"weekLabel": "W",
"daysOfWeek": ["日", "一", "二", "三", "四", "五", "六"],
"monthNames": ["一月", "二月", "三月", "四月", "五月", "六月", "七月", "八月", "九月", "十月", "十一月", "十二月"],
"firstDay": 1
};

 注意:format 格式化日期格式时必须大写,遇到过小写获取不到日期的情况。

$('#stedDate').daterangepicker(
{

"minDate":moment().subtract(90,'days'),

"maxDate":moment().add(90,'days'),

//"singleDatePicker": true,
"autoApply": true,
"startDate": "moment()",
"endDate": "moment()",
"locale": locale,

}
);

 

还有一种选择日期范围的

$('#scopeDate').daterangepicker(
{
"ranges": {
'今天': [moment(), moment()],
'一周内': [moment().subtract(6, 'days'), moment()],
'一个月内': [moment().subtract(1, 'month').startOf('month'), moment().subtract('month')],
'两个月内': [moment().subtract(2, 'month').startOf('month'), moment().subtract('month')],
'三个月内': [moment().subtract(3, 'month').startOf('month'), moment().subtract('month')]
},
"showCustomRangeLabel": false,
"locale": locale,
});

此方法如果想让input内显示“今天”,“一周内”,“一个月内”等等文字的话可以在写一个input 定位覆盖在上方给,把获取到的值传去

$('.ranges ul li').click(function () {
$('#scopeDates').val($(this).html())
});

posted @ 2016-08-30 18:09  单眼皮男生  阅读(8517)  评论(0编辑  收藏  举报