Как правильно использовать представление «Месяцы» в Bootstrap Datepicker? - PullRequest
Новая
       13

Как правильно использовать представление «Месяцы» в Bootstrap Datepicker?

0 голосов
/ 15 марта 2019

Я пытаюсь использовать представление месяца на Bootstrap Datepicker

У меня есть следующий HTML: 

<div class="form-group col-12">
  <input id="portalDownloadMonth" type="text" readonly class="form-control pl-3" data-date-format="mm-yyyy" data-date-viewmode="months" placeholder="Mes" required>
</div>

и следующий JavaScript 

$('#portalDownloadMonth').datepicker({
  format: "mm-yyyy",
  viewMode: "months", 
  minViewMode: "months",
});

Но это совсем не работает, на входе отображается вид дня

enter image description here

Может кто-нибудь сказать мне, что я пропустил?

1 Ответ

0 голосов
/ 15 марта 2019

Используя bootstrap-datepicker из тега, который вы указали в вопросе, вам нужно использовать: 

format: "M yyyy",

Пример фрагмента: 

$('.datepicker').datepicker({
  format: "M yyyy",
  viewMode: "months",
  minViewMode: "months"
});
<link href="//cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.5/css/bootstrap.css" rel="stylesheet" />
<link href="//cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.6.1/css/bootstrap-datepicker3.css" rel="stylesheet" />

<script src="//cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.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.6.1/js/bootstrap-datepicker.js"></script>

<input type="text" class="datepicker" />
...