Jquery 如何检查日期范围选择器中的日期是否更改?
我正在使用引导日期范围选择器,我希望,若用户更改日期,那个么我将提交新数据的表单。这是我的密码Jquery 如何检查日期范围选择器中的日期是否更改?,jquery,bootstrap-4,daterangepicker,bootstrap-daterangepicker,Jquery,Bootstrap 4,Daterangepicker,Bootstrap Daterangepicker,我正在使用引导日期范围选择器,我希望,若用户更改日期,那个么我将提交新数据的表单。这是我的密码 $(document).ready(function (){ var start = moment().subtract(29, 'days'); var end = moment(); function cb(start, end) { $('#reportrange span').html(start.format('MMMM D, YYYY') + '
$(document).ready(function (){
var start = moment().subtract(29, 'days');
var end = moment();
function cb(start, end) {
$('#reportrange span').html(start.format('MMMM D, YYYY') + ' - ' + end.format('MMMM D, YYYY'));
$('#start_date').val(start.format('YYYY-MM-DD'))
$('#end_date').val(end.format('YYYY-MM-DD'))
}
$('#reportrange').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);
})
我的表格是
我该怎么做呢。谢谢?我想这是你回答问题的方式
$('#reportrange').on('apply.daterangepicker', function(ev, picker) {
alert ('hello');
});
无论哪种方式,当日期更改时,您都可以使用回调(cb)提交表单,方法是添加一些触发器来提交表单,例如:$(“#someform”).submit();确保在对表单输入的每次更改中插入所选日期
此外,在示例中。我想你也会在那里找到解决办法的
我使用了您的代码,只需将span更改为input并将html更改为val,就可以了
<script type="text/javascript">
$(document).ready(function () {
var start = moment().subtract(29, "days");
var end = moment();
function cb(start, end) {
$("#reportrange input").val(
start.format("MMMM D, YYYY") + " - " + end.format("MMMM D, YYYY")
);
$("#start_date").val(start.format("YYYY-MM-DD"));
$("#end_date").val(end.format("YYYY-MM-DD"));
$("#someform").submit();
}
$("#reportrange").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);
});
</script>
$(文档).ready(函数(){
var开始=力矩()。减去(29,“天”);
var end=力矩();
功能cb(开始、结束){
$(“#报告范围输入”).val(
start.format(“MMMM D,YYYY”)+“-”+end.format(“MMMM D,YYYY”)
);
$(“#开始日期”).val(开始格式(“YYYY-MM-DD”);
$(“结束日期”).val(结束格式(“YYYY-MM-DD”);
$(“#某物”).submit();
}
$(“#reportrange”).daterangepicker(
{
开始日期:开始,
完日期:完,
范围:{
今天:[时刻(),时刻()],
昨天:[
力矩()减去(1,“天”),
力矩()减去(1,“天”)
],
“过去7天”:[力矩().减去(6,“天”),力矩(),
“过去30天”:[力矩().减去(29,“天”),力矩(),
“本月”:[
时刻().startOf(“月”),
力矩().endOf(“月”)
],
“上个月”:[
力矩()减去(1,“月”).startOf(“月”),
力矩()减去(1,“月”).endOf(“月”)
]
}
},
cb
);
cb(开始、结束);
});
谢谢你对我的帮助谢谢