Отображение месячного и летнего меню даты загрузки

В Bootstrap datepicker я хотел бы иметь меню месяца и года, как в jquery Ui datepicker

Но в Bootstrap date picker нет месячных и летних меню, и мы должны щелкнуть месяц, чтобы изменить год.

Можно ли отображать как "Месяц", так и "Год" в наборе выбора Bootstrap?

Ответ 1

var datePick=$( "#datepicker" ).datepicker({
    changeMonth: true,
    changeYear: true
});
datePick.click(function (event) {
    event.stopPropagation();
});

Попробуй это

Ответ 2

Я думаю, что dhtmlxCalender был бы намного лучшим вариантом для вас в этом случае.

Пример кода для you-

var myCalendar = new dhtmlXCalendarObject(["calendar","calendar2","calendar3"]);

#calendar,#calendar2,#calendar3
{
    border: 1px solid #909090;
    font-family: Tahoma;
    font-size: 12px;
}

<script src="http://dhtmlx.com/docs/products/codebase/dhtmlx.js"></script>
<link rel="stylesheet" type="text/css" href="http://dhtmlx.com/docs/products/codebase/dhtmlx.css"/>

<div style="position:relative;height:280px;">
   <input type="text" id="calendar">
   <input type="text" id="calendar2">
   <input type="text" id="calendar3">
</div>

Ответ 3

Вот ссылка, что у вас может быть такая же проблема: Bartosz Kopiński DatePicker

$('.date').datepicker({
  "format": "yyyy-mm",
  'startView': 1
}).on('changeMonth', function(e) {
   var dp = $(e.currentTarget).data('datepicker');
   dp.date = e.date;
   dp.setValue();
   dp.hide();
});

$('.yearpicker').datepicker({
 "format": "yyyy",
 'startView': 2
}).on('changeYear', function(e) {
  var dp = $(e.currentTarget).data('datepicker');
  dp.date = e.date;
  dp.setValue();
  dp.hide();
});

Ответ 4

я думаю

http://www.jqueryscript.net/time-clock/Simple-Date-Picker-for-Bootstrap.html

Это поможет вам.

Code-

скрипт

<script src="js/google-code-prettify/prettify.js"></script>
<script src="js/jquery.js"></script>
<script src="js/bootstrap-datepicker.js"></script>

HTML

<div class="input-append date" id="dp3" data-date="12-02-2012" data-date-format="dd-mm-yyyy">
<input class="span2" size="16" type="text" value="12-02-2012" />
</div>

$('.datepicker').datepicker()

Попробуй это.