Как получить средство выбора диапазона дат для вывода значения из видимого ввода в отдельные скрытые входы? - PullRequest
Новая
       7

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

0 голосов
/ 09 мая 2018

Может кто-нибудь проверить мой код? Я не могу заставить это работать. Я использую средство выбора диапазона дат, и мне нужны даты, которые отображаются в основном входе, который пользователь выбирает, чтобы также выводить данные в скрытые поля ввода. Мне нужно, чтобы формат скрытого поля был ГГГГ-ММ-ДД.

HTML 

 <input type="text" class="main" name="maininput" id="datesearch">
 <input type="hidden" name="start" id="startdate">
 <input type="hidden" name="end" id="enddate">

JS 

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


function cb(start, end) {
    $('#datesearch').html(start.format('YYYY/MM/DD') + ' - ' + end.format('YYYY/MM/DD'));
    $('#startdate').value = $('#datesearch').html(start.format('YYYY-MM-DD')).value;
    $('#enddate').value = $('#datesearch').html(end.format('YYYY-MM-DD')).value;
}

$('#datesearch').daterangepicker({
    startDate: start,
    endDate: end,
    timePicker: true,
    ranges: {
       'Today': [moment(), moment()],
       'This Month': [moment().startOf('month'), moment().endOf('month')],
        }



}, cb);

cb(start, end);

});

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

1 Ответ

0 голосов
/ 15 апреля 2019 
$('#datesearch').on('apply.daterangepicker', function(ev, picker) {
  console.log(picker.startDate.format('YYYY-MM-DD'));
  console.log(picker.endDate.format('YYYY-MM-DD'));
});

Ссылка Диапазон выбора даты

...