Блог

Главная - Вопросы по программированию - Как мне инициализировать месяц в календаре начальной загрузки?

Как мне инициализировать месяц в календаре начальной загрузки?

#twitter-bootstrap #calendar

#twitter-bootstrap #Календарь

Вопрос:

Простой вопрос. У меня есть серия календарей начальной загрузки на этом сайте здесь:

http://hollandandbarnes.azurewebsites.net/entertainment/upcoming-events/

Я хочу знать, как я могу установить начальный месяц календаря. Есть ли способ сделать это?

Спасибо.

Ответ №1:

Ответ Амбриша может работать с последней версией Bootstrap, но с версией 3.3.7 я обнаружил, что это работает:

 const d = new Date();
d.setMonth(desiredMonth); // where desiredMonth is a number between 0 and 11
$('#datepicker').datepicker('setDate', d);

Ответ №2:

Вы можете установить год и месяц следующим образом

 $('#datepicker').datepicker({
        //..
        defaultViewDate: {
            year: 2020, //can be omitted.
            month: 10-1 //starts at 0, so subtract 1 to reach actual month like 10 -1 for October or use index from 0, 0 = Jan and so on..
        }
    });

Пример: выполнить фрагмент кода

 $(document).ready(function(){
    $('#datepicker').datepicker({
        //..
        defaultViewDate: {
            year: 2020,
            month: 10-1
        }
    });
});  
 <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.5.0/js/bootstrap-datepicker.js"></script>

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/css/bootstrap.css" />
Click the field
<input type="text" id="datepicker" />

Комментарии:

1. Хм… Я вижу, что ваш пример работает, но по какой-то причине он не работает для меня. Я обновил ссылку выше, чтобы использовать ваш подход. Я использую bootstrap 3.3.7. Возможно ли, что defaultViewDate новее, чем это?

2. @gib65 Что вы подразумеваете под «Возможно ли, что defaultViewDate новее этого?»

3. Я имею в виду, что если я использую Bootstrap 3.3.7, возможно, defaultViewDate не существует в моей версии. Так что, возможно, это было введено в более поздней (более новой) версии. Вы знаете, где я могу найти документацию для конкретных версий?

4. @gib65 Я включил bootstrap 3.3.7, и вы можете видеть, что он все еще работает нормально. Может быть что-то еще, что создает проблему на вашем веб-сайте, может быть проблема совместимости с другими библиотеками