Как показать меньше дней в Bootstrap Datepicker?

Я использую это средство выбора даты, и, как вы можете видеть во всех демонстрациях, количество дней всегда одно и то же: 42 (7 дней х 6 недель). Можно ли как-нибудь показать меньше дней? как только 28 (7 дней х 4 недели)?


datepicker twitter-bootstrap bootstrap-datepicker
person lucasdc    schedule 29.05.2014    source источник
comment
Он показывает 6 строк, потому что некоторые месяцы не помещаются в 5. См., например, сентябрь 2012 года. Как бы вы справились с этим?   -  person isherwood    schedule 30.05.2014
comment
** РЕДАКТИРОВАТЬ ** Да, ты прав... хороший пример. Я думаю, что 6 - это минимальные строки, но можно ли как-то изменить их в средстве выбора даты?   -  person lucasdc    schedule 30.05.2014
comment
Не без существенной перезаписи плагина.   -  person isherwood    schedule 30.05.2014

Ответы (2)


arrow_upward
2
arrow_downward

Можно использовать простое правило CSS, чтобы скрыть «старые» (предшествующие текущему месяцу) и «новые» (после текущего месяца) дни. Я использую термины «старый» и «новый», потому что сам плагин использует эти классы CSS. Итак, вы можете попробовать это:

.datepicker table tr td.old, .datepicker table tr td.new { display: none; }

Это отлично работает для значений месяца после текущего, даже удаляя постороннюю нижнюю строку! Но это вызывает проблему со значениями предшествующего текущего месяца и помещает первый день текущего месяца всегда в первый день недели.

Это можно исправить с помощью небольшого скрипта jQuery, который подсчитывает количество td.old, а затем может удалить всю первую строку (если применимо) и записать пустые фиктивные записи для дней перед месяцем, чтобы избежать описанной выше проблемы.

Я бы сделал это, но занят работой над проектом.

person Josh Padnick    schedule 03.06.2014

arrow_upward
1
arrow_downward

Джош Падник, исправляя ваш код css: Только это:

.datepicker table tr td.old, .datepicker table tr td.new { visibility: hidden; }
person Yuri Martuccelli    schedule 02.02.2016