Выбор даты и даты одинаковые - PullRequest
Новая
       9

Выбор даты и даты одинаковые

0 голосов
/ 27 декабря 2018

Средство выбора даты с автоматическим применением 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 ссылка

Когда я выбираю дату окончания, текстовое поле даты начала и окончания имеет одинаковое значение,

Как я могу решить эту проблему, я много гуглил, попробую немного, но не добился успеха

Ответы [ 2 ]

0 голосов
/ 27 декабря 2018

Вы используете более старую версию daterangepicker, поэтому обновите ваш daterangepicker js и css, чтобы решить вашу проблему. 

$(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");
    }
  });
});
<link href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-daterangepicker/3.0.3/daterangepicker.css" rel="stylesheet"/>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
<script type="text/javascript" src="//cdn.jsdelivr.net/momentjs/latest/moment.min.js"></script>
<link rel="stylesheet" type="text/css" href="//cdn.jsdelivr.net/bootstrap/latest/css/bootstrap.css">
<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-daterangepicker/3.0.3/daterangepicker.min.js"></script>

<br><br>
<p style="margin-left:10px;"><input type="text" name="daterange" value="" /></p>
<br><br><br><br><br><br><br><br><br><br><br><br>
<br><br><br><br><br><br><br><br><br><br><br><br>
<br><br><br><br><br><br><br><br><br><br><br><br> force some scrolling
0 голосов
/ 27 декабря 2018

Вам необходимо обновить "autoApply": true, что поможет выбрать дату обновления при закрытии модального окна всплывающего окна

Рабочий пример обновляется по этой ссылке: http://jsfiddle.net/498ogq1h/1/

...