datepicker does not display months but days

Question

Hello I have a problem with the datepicker. I see the days and not only the months I mean instead of having this :

I get this :

Here is my code :

 <input type="text" id="datepicker" />

and here is the js :

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

Could you help me please ?

Thank you very much !

No because I mean I want the following format : `"mm-yyyy"` instead of "`dd-mm-yyyy," `but when I set the format `"mm-yyyy"` it is like I set the format `"dd-mm-yyyy"` — Peter, Feb 18 '20 at 10:15
Rename the datepicker id I think datepicker already implemented by this id. write #datepicker-month instead of #datepicker — souravmsh, Feb 18 '20 at 10:17
you can look here https://stackoverflow.com/a/14974623/9042437 — Anandhukrishna VR, Feb 18 '20 at 10:32

souravmsh · Accepted Answer · 2020-02-18T10:37:25.560

0

Try this.

$(document).ready(function(){

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

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<link href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.9.0/css/bootstrap-datepicker.min.css" rel="stylesheet"/>
<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.9.0/js/bootstrap-datepicker.min.js"></script>


<input type="text" id="datepicker-month" />

edited Feb 18 '20 at 10:37

answered Feb 18 '20 at 10:20

souravmsh

638
6
11

It changes nothing :/ – Peter Feb 18 '20 at 10:34
Please try with the above bootstrap-datepicker libraries or you can download it https://github.com/uxsolutions/bootstrap-datepicker – souravmsh Feb 18 '20 at 11:13
1

@Peter *"I tried but without any effects"* even after a provided working snippet makes your comment pretty strange. – Roko C. Buljan Feb 18 '20 at 11:17

score 0 · Answer 2 · edited Feb 18 '20 at 11:15

0

Hope this will help you:

$('#you-date-picker-element').datepicker({
    autoclose: true,
    minViewMode: 1,
    orientation: 'left',
    container: '.your-date-picker-container',
    format: 'M-yyyy'
}).on('changeDate', function(selected){
    startDate = new Date(selected.date.valueOf());
    startDate.setDate(startDate.getDate(new Date(selected.date.valueOf())));
    $('#your-field-name').datepicker('setStartDate', startDate);
});

edited Feb 18 '20 at 11:15

Roko C. Buljan

196,159
39
305
313

answered Feb 18 '20 at 10:21

Prajan Karmacharya

373
1
4
13

Unfortunately I get the same problem :/ – Peter Feb 18 '20 at 10:32
did you add `minViewMode`. This will show month only in datepicker. Check this link. https://bootstrap-datepicker.readthedocs.io/en/latest/options.html#minviewmode – Prajan Karmacharya Feb 18 '20 at 10:50

datepicker does not display months but days

2 Answers2