формат бутстрапа для выбора даты

ЗАДАЧА РЕШЕНА:

jsFiddle: http://jsfiddle.net/s4d0fxd2/1/

введите здесь описание изображения

Как показано на рисунке выше, я пытаюсь предупредить даты, выбранные из средства выбора даты начальной загрузки, но я не могу заставить его показать нужный мне формат (формат: ГГГГ-мм-дд)

HTML:

<div class="datepicker" id="datepicker1" ></div>

JS:

$('.datepicker').datepicker({ format: 'yyyy-mm-dd', multidate: true, multidateSeparator: ",", calendarWeeks: true, todayHighlight: true }).on('changeDate', function(e){ alert($('#datepicker1').datepicker('getDates')); });

Хотя я получаю правильный формат при использовании <input> и показываю календарь, когда ввод сфокусирован вместо inline календаря, но это не вариант.

Документы для bootstrap-datepicker: http://bootstrap-datepicker.readthedocs.org/en/release/

jsFiddle: http://jsfiddle.net/s4d0fxd2/


jquery twitter-bootstrap twitter-bootstrap-3 bootstrap-datepicker
person Joel    schedule 29.09.2014    source источник
comment
Означает, что вы хотите, чтобы средство выбора даты работало правильно с DIV, чем INPUT TYPE TEXT OK?   -  person Pratik    schedule 29.09.2014
comment
Не можете ли вы предоставить jsFiddle для вашей проблемы?   -  person Pratik    schedule 29.09.2014
comment
да, Фиддл скоро появится.   -  person Joel    schedule 29.09.2014
comment
Означает, что вы хотите, чтобы средство выбора даты работало правильно с DIV, чем INPUT TYPE TEXT OK?   -  person Pratik    schedule 29.09.2014
comment
jsfiddle.net/s4d0fxd2   -  person Joel    schedule 29.09.2014

Ответы (1)


arrow_upward
2
arrow_downward

Согласно документации, getDates должен возвращать список локализованных объектов даты, представляющих внутренние объекты даты. Не существует прямого метода, который мог бы дать вам форматированную дату так, как вы этого хотите. Что вы можете сделать, так это, когда массив выбранных дат возвращается методом getDates, используйте некоторую пользовательскую функцию для его форматирования и отображения.

$(document).ready(function() {

    $('.datepicker').datepicker({
    format: 'yyyy-mm-dd',
    multidate: true,
    multidateSeparator: ",",
    calendarWeeks: true,
    todayHighlight: true

    }).on('changeDate', function(e){
    var selecteddates = $('.datepicker').datepicker('getDates');
        var formatedSelectedDates = [];
        for(var date in selecteddates)
        {
          formatedSelectedDates.push(convertDate(selecteddates[date]));
        }
        alert(formatedSelectedDates);
      });           
    });

И функция форматирования согласно ваша потребность:

 function convertDate(d) {
          function pad(s) { return (s < 10) ? '0' + s : s; }
          return [ d.getFullYear(),pad(d.getMonth()+1),pad(d.getDate())].join('-');
        }

Демо

person SSA    schedule 29.09.2014
comment
Спасибо вам за помощь! :) Очень педагогично, я это ценю! - person Joel; 29.09.2014