Пользовательские доступные даты

0

Я собираюсь показать только пользовательские даты с помощью bootstrap datepicker: http://bootstrap-datepicker.readthedocs.org/en/latest/index.html.

Вы можете мне помочь :)?

  • 0
    Что вы подразумеваете под "только пользовательские даты"?
  • 0
    Например я хочу показать доступными только «22-05-2015», «23-05-2015». Остальные даты будут недоступны
Теги:
datepicker
twitter-bootstrap-3
bootstrap-datepicker

3 ответа

2
Лучший ответ

Вы можете использовать beforeShowDay:

var dateDisabled = ["2014-5-5", "2014-5-6"];
$(function(){
    $('.datepicker').datepicker(
    {
        format: 'yyyy-mm-dd',
        beforeShowDay: function(date)
        {
            if ($.inArray(date.getFullYear() + '-' + (date.getMonth() + 1) + '-' + date.getDate(), dateDisabled) !== -1)
            {
                return;
            }

            return false;
        }
    });
});

Демо-версия

Поделиться
  • 0
    Я обнаружил небольшую ошибку: когда я вставляю какой-то текст в поле ввода даты, автоматически появляется сегодняшняя дата.
  • 0
    @ JuanDelÁrbol Вы правы! Спасибо за указание на это, я отправлю сообщение об ошибке.
Показать ещё 1 комментарий
0

Я думаю, вместо этого отключить прошлые/будущие даты, которые вы подразумеваете, разрешить только некоторые выбранные даты, например события в календаре. И да: даже это возможно, предоставляя available функцию: Bootstrap Datepicker ограничивает доступные даты для выбора

Поделиться
0

Ответ доступен по этой ссылке:

http://www.eyecon.ro/bootstrap-datepicker/

Найдите раздел "Отключение дат в прошлом и зависимое отключение".

Поделиться

Ещё вопросы

Сообщество Overcoder
Наверх
Меню