javascript - 在函数内获取值以在函数外使用

Question

我正在使用两个 datetimepicker Bootstrap，第一个是 startDate，第二个是 enddate，问题是我应该选择 startdate，并且在 enddate 中自动选择最小日期（我在 startdate 中选择的日期）。并且在 enddate 的 datatimepicker 中，日期的最大值为 +7 天。你能帮我吗？

我试图在名为 datatimepicker6 的第一个 datatimepicker 中获取日期，我做到了，但我不知道如何在名为 datatimepicker7 的 enddate datatimepicker 中使用。下面是代码：

//these part is to pick the date and it work
$("#datetimepicker6").on("dp.change", function(e) {
    var drr = $('#datetimepicker6').data('date')
    alert(drr);
});
      $('#datetimepicker6').datetimepicker({
        format: 'DD.MM.YYYY HH:mm:ss',

        keyBinds: {'delete': null}
      });

//I want to use that result as the minimum of this datatimepicker and to add +7 days as maximum

      $('#datetimepicker7').datetimepicker({
        format: 'DD.MM.YYYY HH:mm:ss',
        //useCurrent: false,
      //maxDate: drr,
        keyBinds: {'delete': null},


        useCurrent: false //Important! See issue #1075
      });

标签： javascriptjquerybootstrap-4datetimepicker

Answer 1

将此添加到您的 onchange 事件中，它将起作用

            e.date.add(7, 'day'); 
            $('#datetimepicker7').data("DateTimePicker").minDate(e.date);
            $('#datetimepicker7').data("DateTimePicker").date(e.date);

onchange 的完整代码

 $("#datetimepicker6").on("dp.change", function (e) {
         //var val = $('#datetimepicker6').data('date');     
        e.date.add(7, 'day'); 
    $('#datetimepicker7').data("DateTimePicker").minDate(e.date);     
   $('#datetimepicker7').data("DateTimePicker").date(e.date);

                });                
            });

在这里查看演示