Php 我在表单中使用了日期范围选择器，当我单击日期范围选择器的apply按钮时，如何在jquery中获得更改的日期

这是html格式的日期范围选择器

    <div class="form-group " id="input-dates">
    <input class="form-control date-range-picker" id="dateRange" type="text" name="dates" placeholder="<?php echo get_phrase('when'); ?>.." autocomplete="off" required>
    <i class="icon_calendar"></i>
</div>

---

我也使用了上述功能，但它不起作用

我认为您需要的代码是：

$('#dateRange').daterangepicker(options, myCallback)
.on("input change", function (e) {
    console.log("Date changed: ", e.target.value);
});

e.target.value

将是日期范围，单击应用按钮将触发该功能

我先前的答案如下

---

要获得正在工作的代码，只需在创建日期选择器之前添加这一行

let options={}

，如下所示。您关于如何获取更改日期的问题：这些日期在名为

日期的表单字段中

-提交表单时，具有更改日期的字段称为

日期

，因为元素具有

name=“dates”

。由于同一元素的ID为

dateRange

，因此在表单提交之前获取该元素值的方式是$（'#dateRange'）.val（）`

函数showValues（）{
警报（$（'#dateRange'）.val（））；
返回false；
}
函数myCallback（开始、结束）{
$（'#dateRange span'）.html（start.format（'MMMM D，YYYY'）+'-'+end.format（'MMMM D，YYYY'））；
}
//附加daterangepicker插件
/*确保至少实例化了options对象*/
let options={}//您可以为此添加更多选项，但至少需要此选项
$（“#dateRange”）.daterangepicker（选项，myCallback）
.on（“输入更改”，功能（e）{
日志（“更改日期：”，即target.value）；
});

感谢您的回复，但我希望在表单提交上单击应用按钮时的日期值不是，该值是
$（'#dateRange'）.val（）
。应用按钮在哪里？aply按钮在日期选择器中，当我们选择日期时，在单击应用按钮时，有取消和应用按钮。我希望日期值在jquery@PriyankaPatil明白了，抱歉我第一次不明白。我修改了我的答案，现在您可以在用户单击
apply
时捕获值，非常感谢，这将对我有很大帮助
$('#dateRange').daterangepicker(options, myCallback)
.on("input change", function (e) {
    console.log("Date changed: ", e.target.value);
});