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

标签 javascript jquery bootstrap-4 datetimepicker

我正在使用两个日期时间选择器 Bootstrap ,第一个是开始日期,第二个是结束日期,问题是我应该选择开始日期,并在结束日期中自动选择最小日期(我在开始日期中选择的日期)。并且在datatimepicker中enddate的最大日期为+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
      });

最佳答案

将其添加到您的 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);

                });                
            });

check the demo here

关于javascript - 在函数内获取值以便在函数外使用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/55626103/

相关文章:

javascript - (MERN) 使用 Express.js 提供 React 应用程序的正确方法是什么?

javascript - 操作隐藏的 DOM 元素会影响性能吗?

javascript - jQuery 表单使用 TinyMCE 序列化 CodeIgniter 中缺少的数据

css - 显示一个时全部折叠(不同的 div)

css - 给列容器的宽度

javascript - 在选择组合框中显示填充有 knockout js 绑定(bind)的空白

javascript - jquery 新闻自动收报机窃听

jquery - 显示不为空的 DIV

javascript - 处理搜索结果和 Bootstrap 模式

css - 小型容器定位问题中的 Bootstrap 4 工具提示