JQuery 开始和结束日期应该针对不同的开始和结束日期执行不同的函数答案

【问题标题】：JQuery start and end dates should execute different functions for different start and end datesJQuery 开始和结束日期应该针对不同的开始和结束日期执行不同的函数
【发布时间】：2019-04-28 23:00:06
【问题描述】：

我的问题是我想在不同的日期执行不同的功能。我所有的函数执行都取决于我们选择的日期。例如，如果我在我的代码中选择最后 7 天，它应该执行一个不同的函数，如果我选择最后一个月，它应该执行另一个函数。但是当我点击应用时，我只能执行一个功能。我已经尝试了很多代码块，但我找不到答案。请帮帮我

 $(function() {
var start = moment().subtract(6, 'days');
var end = moment();


function cb(start, end) {
    $('#reportrange span').html(start.format('MMMM D, YYYY') + ' - ' + end.format('MMMM D, YYYY'));

}

$('#reportrange').daterangepicker({
    startDate: start,
    endDate: end,
    minDate: moment().subtract(365, 'days'),
    maxDate:moment(),
    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() {
 addtoday();
 addyesterday();
 presentmonth1();
 last30days();
 anydate();


  });
  </script>

如果我想暂时写一个 if else() 应该怎么做。当我点击不同的日期范围时，我必须执行或触发不同的功能

【问题讨论】：

标签： javascript jquery date datepicker

【解决方案1】：

当您使用 daterangepicker 时，apply.daterangepicker 事件的第二个参数的参数包含有关所选选项的信息，您可以根据这些信息调用所需的函数。见下文：

$(function () {
    var start = moment().subtract(6, 'days');
    var end = moment();


    function cb(start, end) {
        $('#reportrange span').html(start.format('MMMM D, YYYY') + ' - ' + end.format('MMMM D, YYYY'));

    }

    $('#reportrange').daterangepicker({
        startDate: start,
        endDate: end,
        minDate: moment().subtract(365, 'days'),
        maxDate: moment(),
        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) {

    if (picker.chosenLabel == "Today") {
        addtoday();
    }
    else if (picker.chosenLabel == "Yesterday") {
        addyesterday();
    }
    else if (picker.chosenLabel == "Last 7 Days") {
    }
    else if (picker.chosenLabel == "Last 30 Days") {
        last30days();
    }
    else if (picker.chosenLabel == "This Month") {
        presentmonth1();
    }
    else if (picker.chosenLabel == "Last Month") {

    }
    else if (picker.chosenLabel == "Custom Range") {

    }

});

【讨论】：

完美，完美，完美