如何使用jquery UI datepicker更改from_date时更改to_date？

Question

我有自定义字段，ID为from和to。我想根据给定的要求对其进行自定义：

• 在更改from时设置下个月]。
• 如果from日期是上个月的确切日期，则将to日期设置为“下个月”或“ 30天”。
• 如果from日期距today不到30天，则将to日期设置为today。
• [Datepicker应该有'查询'日期。

我想要的是：

假设当前日期：2019年11月27日。

1. [如果我从from侧选择2019年10月1日，那么to侧将充满2019年11月1日（或from旁边的30天）。
2. 如果我选择2019年11月20日，而不是分配2019年12月20日，它应该选择to的当前日期，并相应地设置datepicker maxDate。

---

这里是代码：

<div>
    <label for="from_date">From</label>
    <input type="text" name="from" id="from_date" placeholder="From">

    <label for="to_date">To</label>
    <input type="text" name="to" id="to_date" placeholder="To">
</div>


<script>

    $("#to_date, #from_date").datepicker({
      dateFormat: "dd-mm-yy",
    });
    $('#from_date').datepicker('option', {
      maxDate: new Date()
    });
    /*$('#to_date').datepicker('option', {
      maxDate: new Date()
    });*/

    $('#from_date').change(function() {
          var current_date = new Date();
          var curr_date = formatDate(current_date);

          var date1 = $('#from_date').datepicker('getDate');
          date1.setDate(date1.getDate());

          var date2 = $('#from_date').datepicker('getDate');
          date2.setDate(date2.getDate() + 30);

        // For selecting current date if the from_date is less the 30 days from current month
          if ($('#from_date').val() < curr_date) {
            $('#to_date').datepicker('setDate', curr_date);
            $('#to_date').datepicker('option', {
              minDate: date1,
              maxDate: curr_date
            });       
          } 

        // For showing only 30 days next to from_date 
          $('#to_date').datepicker('setDate', date2);
          $('#to_date').datepicker('option', {
            minDate: date1,
            maxDate: date2
          });

</script>

我有自定义字段，ID从and到。我想根据给定的要求对其进行自定义：设置从下个月开始更改。如果起始日期是上个月的确切日期，则将日期设置为“下一个...

Answer 1

假设当前日期：2019年11月27日。您描述了日期选择器的以下需求：