如何让日期范围选择器从可见输入输出值以分隔隐藏输入?

Question

有人可以检查我的代码吗？ 我似乎无法做到这一点。我正在使用日期范围选择器，需要用户选择的主输入中显示的日期也输出到隐藏的输入字段中。我需要隐藏字段格式为 YYYY-MM-DD。

.HTML

<input type="text" class="main" name="maininput" id="datesearch">
<input type="hidden" name="start" id="startdate">
<input type="hidden" name="end" id="enddate">

.JS

$(function() {
var start = moment().subtract(29, 'days');
var end = moment();

function cb(start, end) {
$('#datesearch').html(start.format('YYYY/MM/DD') + ' - ' + end.format('YYYY/MM/DD'));
$('#startdate').value = $('#datesearch').html(start.format('YYYY-MM-DD')).value;
$('#enddate').value = $('#datesearch').html(end.format('YYYY-MM-DD')).value;
}
$('#datesearch').daterangepicker({
startDate: start,
endDate: end,
timePicker: true,
ranges: {
'Today': [moment(), moment()],
'This Month': [moment().startOf('month'), moment().endOf('month')],
}

}, cb);
cb(start, end);
});

另外，当我提交时，我注意到日历不会更新用户选择，并且始终默认回开始日期和结束日期值......

Answer 1

$('#datesearch').on('apply.daterangepicker', function(ev, picker) {
console.log(picker.startDate.format('YYYY-MM-DD'));
console.log(picker.endDate.format('YYYY-MM-DD'));
});

参考日期选取器范围