Daterangepicker - невозможно выбрать сегодняшнюю дату

Я использовал ниже код для выбора даты в моей заявке. daterangepicker плагин б/у.Daterangepicker - невозможно выбрать сегодняшнюю дату

https://jsfiddle.net/jkenluv/z9tgdh7k/

HTML

<input class="form-control input-lg" id="tripOne" name="tripOne" />

JS:

var nowDate = new Date(); 
var today = new Date(nowDate.getFullYear(), nowDate.getMonth(), nowDate.getDate(), 0, 0, 0, 0); 
var maxLimitDate = new Date(nowDate.getFullYear() + 1, nowDate.getMonth(), nowDate.getDate(), 0, 0, 0, 0); 

$('input[name="tripOne"]').daterangepicker({ 
"autoApply": true, 
"autoUpdateInput": false, 
"singleDatePicker": true, 
"minDate": today, 
"maxDate": maxLimitDate, 
"opens": "left", 
"locale": { 
    format: 'DD MMM YYYY' 
    } 
}, function (start, end) { 
    $("#tripOne").val(start.format('DD MMM YYYY')); 
    $('#tripOne').parent().parent().removeClass('has-error'); 
}); 

$(function() { 
    $('.calendar.right').show(); 
});

Но, я не могу иметь возможность выбрать 'Сегодняшняя дата' или 'уже выбранной даты'. Это обязательно для нашего требования. Пожалуйста, дайте мне знать, как решить эту проблему?

Благодаря

Благодарности

источник

2017-02-18 TDG

Ваш код работает нормально! В чем проблема? –

Например: нагрузка .. выберите 18 февраля (сегодняшняя дата) .. он не будет доступен для кликов. Но, если вы выберете 19-й, он будет работать – TDG

Я не знаю, почему он не работает для вас. Но это работает для меня. Я могу выбрать сегодняшнюю дату. –

Пожалуйста read the doc

Если вы используете диапазон дат в качестве фильтра, вы можете прикрепить подборщика к входу, но оставить его пустым путем по умолчанию. В этом примере показано , как это сделать, используя установку autoUpdateInput, и события apply и cancel.

Так как вы можете удалить autoUpdateInput линию или вы можете установить его в true.

"autoUpdateInput": false,

ИЛИ

"autoUpdateInput": true,

источник

2017-02-18 08:24:44

Если я удалю это ... затем onload .. я могу видеть сегодняшнюю дату .. Но наше входное значение календаря должно запускаться после ввода пользователем щелчка. Кроме того, я все еще могу щелкнуть Текущую или уже выбранную дату – TDG

var nowDate = new Date(); 
    var today = new Date(nowDate.getFullYear(), nowDate.getMonth(), nowDate.getDate(), 0, 0, 0, 0); 
    var maxLimitDate = new Date(nowDate.getFullYear(), nowDate.getMonth(), nowDate.getDate()+360, 0, 0, 0, 0); 

    $('input[name="tripOne"]').daterangepicker({ 
    "autoApply": true, 
    "autoUpdateInput": false, 
    "singleDatePicker": true, 
    "minDate": today, 
    "maxDate": maxLimitDate, 
    "locale": { 
     format: 'DD MMM YYYY' 
    } 
    },function(start) { 
     $("#tripOne").val(start.format('DD MMM YYYY')); 
     $('#tripOne').parent().parent().removeClass('has-error'); 
     setTimeout(function(){ 
      $('.daterangepicker').addClass('returnTripEndDatePicker'); 
      $('.departure--date').hide(); 
      $(".returnTripEndDatePicker").prepend("<div class='departure--date'>Select Return Date</div>"); 
      $("#tripTwo").focus(); 
     },120); 
     var returnTripStartDate = new Date(Date.parse(start)); 
     $(function() { 
     $('.calendar.right').show(); 
     }); 
    }); 
    $('input[name="tripTwo"]').daterangepicker({ 
     "autoApply": true, 
     "autoUpdateInput": false, 
     "singleDatePicker": true, 
     "minDate": today, 
     "maxDate": maxLimitDate, 
     "locale": { 
      format: 'DD MMM YYYY' 
     } 
     },function(end) { 
      $("#tripTwo").val(end.format('DD MMM YYYY')); 
      $('#tripTwo').parent().parent().removeClass('has-error'); 
     }); 
    $('input[name="tripOne"]').on('apply.daterangepicker', function(ev, picker) { 
     $(this).val(picker.startDate.format('DD MMM YYYY')); 
     }); 
     $('input[name="tripTwo"]').on('apply.daterangepicker', function(ev, picker) { 
     $(this).val(picker.startDate.format('DD MMM YYYY')); 
     });

источник

2017-02-18 08:35:14

Привет, Пухан ... Спасибо за ваши ценные комментарии. 90% отлично работает. – TDG

Но, https://jsfiddle.net/jkenluv/z9tgdh7k/2/, пожалуйста, проверьте эту ссылку .. После загрузки .. сегодняшняя дата не может быть нажата .. если я выберу 19 февраля и выберите следующую дату ввода 19. оно работает.Но, не работает только на 1-й вход сегодняшней даты – TDG

Невозможно понять. Не могли бы вы рассказать мне, что вы имеете в виду, не нажав здесь? –

ли

$("element1").datetimepicker({ maxDate: moment.endOf('day') }) 
$("element2").datetimepicker({ maxDate: moment.endOf('day') })

Если вы используете minDate делать противоположное

$("element1").datetimepicker({ minDate: moment.startOf('day') }) 
$("element2").datetimepicker({ minDate: moment.startOf('day') })

источник

2017-07-31 18:52:37

Добавить функцию после инициализации daterangepicker:

$('input[name="tripOne"]').on('apply.daterangepicker', function (ev, picker) { 
     $(this).val(picker.startDate.format('DD MMM YYYY')); 
});

источник

2017-09-15 10:36:33 Yogesh

Daterangepicker - невозможно выбрать сегодняшнюю дату

ответ

Смежные вопросы