[英]Change format of Date Range Picker
我遇到一个问题,我想更改日期范围选择器的日期格式,我试图修复所有格式,但它可以工作,但是留下的唯一问题是当您打开日期范围窗口并关闭它而未单击“ 应用”或“ 取消”按钮时自动以/
分隔的格式更改日期,是否可以将其设置为YYYY-MM-DD等相同格式
这是我的Js代码
$(function() {
var start = moment().subtract(29, 'days');
var end = moment();
function cb(start, end) {
$('input[name="datefilter"]').val(start.format('YYYY-MM-DD') + ' TO ' + end.format('YYYY-MM-DD'));
}
$('input[name="datefilter"]').daterangepicker({
startDate: start,
endDate: end,
ranges: {
'Today': [moment(), moment()],
'Yesterday': [moment().subtract(1, 'days'), moment().subtract(1, 'days')],
'Last 7 Days': [moment().subtract(6, 'days'), moment()],
'Last 30 Days': [moment().subtract(29, 'days'), moment()],
'This Month': [moment().startOf('month'), moment().endOf('month')],
'Last Month': [moment().subtract(1, 'month').startOf('month'), moment().subtract(1, 'month').endOf('month')]
}
}, cb);
cb(start, end);
});
$('input[name="datefilter"]').on('apply.daterangepicker', function(ev, picker) {
$(this).val(picker.startDate.format('YYYY-MM-DD') + ' TO ' + picker.endDate.format('YYYY-MM-DD'));
});
$('input[name="datefilter"]').on('cancel.daterangepicker', function(ev, picker) {
$(this).val(start.format('YYYY-MM-DD') + ' TO ' + end.format('YYYY-MM-DD'));
});
尝试:
$('input[name="datefilter"]').daterangepicker({
startDate: start,
locale: {
format: 'YYYY-MM-DD' // --------Here
},
endDate: end,
ranges: {
'Today': [moment(), moment()],
'Yesterday': [moment().subtract(1, 'days'), moment().subtract(1, 'days')],
'Last 7 Days': [moment().subtract(6, 'days'), moment()],
'Last 30 Days': [moment().subtract(29, 'days'), moment()],
'This Month': [moment().startOf('month'), moment().endOf('month')],
'Last Month': [moment().subtract(1, 'month').startOf('month'), moment().subtract(1, 'month').endOf('month')]
}
}, cb);
var mystring = "2017/03/10";
var res = mystring.replace(/\\//g , "-");
输出:
2017-03-10
$('input[name="datefilter"]').daterangepicker({
locale: {
format: 'YYYY-MM-DD'
}
...
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.