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

Question

Мне нужно выбрать только день и месяц из начальной загрузки. Я попытался viewMode , minViewMode как используемые атрибуты, но все же я не получаю успех.

HTML

<input type="text" class="form-control" name="Date" id="Date" />

JS

$(document).ready(function () {
  $('#Date').datepicker({
    //dateFormat: 'dd-mm-yy',
    format: 'dd-mm',
    viewMode: 'days',
    minViewMode: 'days',        
    orientation: "bottom left",
    container: "#date-from-container",
    startDate: new Date()
}).on("changeDate", function (e) {        
});
});

Не могли бы вы помочь мне, как это сделать?

Answer 1

Вам нужно maxViewMode вместо minViewMode. startView упоминает режим, в котором открывается средство выбора даты. 0 дней (по умолчанию), 1 месяц, 2 года, 3 десятилетия, 4 века.

Проще говоря,

1. Если вам нужно настроить из режима , используйте: minViewMode.
2. Если вам нужно настроить на режим , используйте: maxViewMode.

$.fn.datepicker.dates.en.titleFormat="MM";
$(document).ready(function(){
    var date_input=$('input[name="date"]'); 
    date_input.datepicker({
      format: 'dd-mm',
      autoclose: true,
      startView: 1,
      maxViewMode: "months",
      orientation: "bottom left",
    })
  });

@import url('https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.5/css/bootstrap.css');
@import url('https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.5.0/css/bootstrap-datepicker3.css');
.datepicker table tr td.disabled,
.datepicker table tr td.disabled:hover {
  color: #b90000;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.2/js/bootstrap.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.5.0/js/bootstrap-datepicker.js"></script>
<input name="date">

Чтобы обновить формат заголовка, установите

$.fn.datepicker.dates.en.titleFormat="MM";. en обозначает English язык.

Это может отличаться, если в указателе даты используется другой язык. Bootstrap поддерживает языковые теги, указанные в IETF .

Для справки по тегу Список языковых тегов IETF