日期范围选择器两个日期相同

时间:2018-12-27 08:24:53

标签: javascript jquery daterangepicker

自动选择为false的日期选择器

$(function() {
    $('input[name="daterange"]').daterangepicker({
    "autoApply": false,
    "showCustomRangeLabel": false,
    "minDate": "01/04/2017",
    "maxDate": "04/10/2017",
    "dateLimit" : {
    "days" : 60
    }

}, function(start, end, label) {
  console.log("New date range selected: ' + start.format('YYYY-MM-DD') + ' to ' + end.format('YYYY-MM-DD') + ' (predefined range: ' + label + ')");
});

    $(window).scroll(function() {
        if ($('input[name="daterange"]').length) {
            $('input[name="daterange"]').daterangepicker("close");
      }
    });
});

fiddle参考下方

当我选择结束日期时,开始日期和结束日期文本框都具有相同的值,

我该如何解决这个问题,我在Google上搜索了很多,尝试了一些rnd但没有成功

2 个答案:

答案 0 :(得分:2)

您使用的是daterangepicker的旧版本,因此请更新daterangepicker js和CSS,以解决您的问题。

if (stringToSearch.contains(stringToFind)) {
   ....
}
$(function() {
  $('input[name="daterange"]').daterangepicker({
    "autoApply": false,
    "showCustomRangeLabel": false,
    "minDate": "01/04/2017",
    "maxDate": "04/10/2017",
    "dateLimit": {
      "days": 60
    }

  }, function(start, end, label) {
    console.log("New date range selected: ' + start.format('YYYY-MM-DD') + ' to ' + end.format('YYYY-MM-DD') + ' (predefined range: ' + label + ')");
  });

  $(window).scroll(function() {
    if ($('input[name="daterange"]').length) {
      $('input[name="daterange"]').daterangepicker("close");
    }
  });
});

答案 1 :(得分:0)

您需要更新"autoApply": true,这将有助于在关闭弹出窗口模式框时选择更新的日期

使用此链接更新的工作示例:http://jsfiddle.net/498ogq1h/1/

相关问题