引导日期选择器只有月份和年份

Question

i am using bootstrap date picker for my angular js project.

below is the HTML

my date picker documentation is as below date picker documentation

   <input type="text" placeholder="From Date" id="fromDate"
    ng-required="newcashbenifit.isFixedAmount == false"
   ng-disabled="newcashbenifit.isFixedAmount == true"
    class="form-control" name="from" autocomplete="off"
   ng-model="newcashbenifit.fromDate" autoclose="false"
   data-date-format="dd/MM/yyyy"  bs-datepicker />

date picker is loading and working well. but i need to modify this to show only month and years. (remove dates). how i do it.

Answer 1

Add min-view="1" attribute:

Minimum allowed view - 0 | 1 | 2. 1 will only allow month selection.

  <input type="text" placeholder="From Date" id="fromDate"
   min-view="1"
   ng-required="newcashbenifit.isFixedAmount == false"
   ng-disabled="newcashbenifit.isFixedAmount == true"
   class="form-control" name="from" autocomplete="off"
   ng-model="newcashbenifit.fromDate" autoclose="false"
   data-date-format="dd/MM/yyyy"  bs-datepicker />

Demo Plunker

Answer 2

Use minViewMode:

$('#sandbox-container input').datepicker({
    minViewMode: 1
});

https://bootstrap-datepicker.readthedocs.io/en/latest/options.html#minviewmode