Bootstrap datepicker 2.0 display calender in monthly view

Question

Is there any option for User to select only month, instead of date in Bootstrap datepicker. I am trying to do is allow users pick months and years only.

 $('.date').each(function() {
     var datepickerComponent = $(this).datepicker({
        language: 'en',
        format: "mm-yyyy",
        viewMode: "months", 
        minViewMode: "months"
      }).on('changeDate', function() {
        $(datepickerComponent).datepicker('hide');
      });
  });

I tried all option mentioned in this below link. But I didn't get expected behaviour.

Link to other question:

Bootstrap Datepicker - Months and Years Only

Please help me.

why not showing a dropdown from 1 till 12 for selecting months? — Mivaweb, May 26 '15 at 12:58
User/client can easily change month/year using this bootstrap and validation option are available( for 'FROM' and 'TO' date). — Srini, May 26 '15 at 13:06
Your code is working fine to select month-year, what error are you getting? — Alvaro Montoro, May 26 '15 at 13:44
@Srini Did you Ctrl+F5 to refresh the browser? Just try it out. — kanchirk, May 26 '15 at 13:47
No., still I am getting calendar view in DayView only. It is, user can view/able to select day of month. But I didn't want that. — Srini, May 26 '15 at 13:51
With the code above, I get month view and not day view http://jsfiddle.net/qdqzyare/2/ — Alvaro Montoro, May 26 '15 at 13:54
ok.,,I am using bootstrap v2.0.0.Thank you..,I will check with latest version. — Srini, May 26 '15 at 14:33

score 0 · Accepted Answer · edited May 23 '17 at 12:16

0

Bootstrap provides DateTimePicker also. It resolves my problem. We have lots of options in DateTimePicker. $(".form_datetime").datetimepicker({ format: 'MM-yyyy', autoclose: true, pickTime: false, viewMode: 'months', minViewMode: 'months' }); For more information please go through this link

edited May 23 '17 at 12:16

Community

1
1

answered Aug 16 '15 at 17:23

Srini

76
7

Bootstrap datepicker 2.0 display calender in monthly view

1 Answers1