Показать сообщение отдельно
  #1 (permalink)  
Старый 25.01.2017, 19:41
Интересующийся
Отправить личное сообщение для Argeares Посмотреть профиль Найти все сообщения от Argeares
 
Регистрация: 05.01.2017
Сообщений: 19

Как в datepicker jquery отобразить отдельно дату месяц и год?
Здравствуйте. Подскажите, как отобразить в datepicker от jquery день, месяц, год в отдельных инпутах?
Так что бы при нажатии на один инмпут всплывает календарь и выбираешь день и в инпуте отобразится только день, другой инпут месяц, третий год.

<div class="date">
  <label class="filter-form__label">Дата</label>
     <div class="filter-form__subcol day">
          <div class="filter-form__item">
             <input class="filter-form__input-field filter-date filter-date-from datepicker" type="text" name="" id="" >
           </div>
      </div>
      <div class="filter-form__subcol month">
           <div class="filter-form__item filter-form__input--date">
               <input class="filter-form__input-field filter-date filter-date-to datepicker" type="text" name="" id="" >
            </div>
       </div>
       <div class="filter-form__subcol year">
           <div class="filter-form__item filter-form__input--date">
               <input class="filter-form__input-field filter-date filter-date-to datepicker" type="text" name="" id="" >
            </div>
       </div>
 </div>


$(document).ready(function() { 

$.datepicker.regional['ru'] = {
        closeText: 'Закрыть',
        prevText: '&#x3c;Пред',
        nextText: 'След&#x3e;',
        currentText: 'Сегодня',
        monthNames: ['Январь','Февраль','Март','Апрель','Май','Июнь',
        'Июль','Август','Сентябрь','Октябрь','Ноябрь','Декабрь'],
        monthNamesShort: ['Янв','Фев','Мар','Апр','Май','Июн',
        'Июл','Авг','Сен','Окт','Ноя','Дек'],
        dayNames: ['воскресенье','понедельник','вторник','среда','четверг','пятница','суббота'],
        dayNamesShort: ['вск','пнд','втр','срд','чтв','птн','сбт'],
        dayNamesMin: ['Вс','Пн','Вт','Ср','Чт','Пт','Сб'],
        dateFormat: 'dd.mm.yy',
        firstDay: 1,
        isRTL: false
    };
    $.datepicker.setDefaults($.datepicker.regional['ru']);ame=endDate]').val(extensionRange.endDateText);
});
$('.datepicker').datepicker({
        startDate: '2015-10-26',
        autoclose: true,
        format: 'dd.mm.yyyy',
        language: 'ru',
        orientation: 'bottom',
        todayHighlight: true
    });

});
Ответить с цитированием