CODEWITHSUNDEEP
javascriptjquerybootstrap-datepicker
Shibbir
Shibbir

Reputation: 2031

How can I remove the year from Bootstrap Datepicker

I am using this bootstrap date picker: https://bootstrap-datepicker.readthedocs.io/en/v1.9.0/index.html

HTML Code:

<div id="datepicker" data-date="12/03/2012"></div>
<input type="hidden" id="my_hidden_input">

JS Code:

$('#datepicker').datepicker({
    format : 'MM'
});

$('#datepicker').on('changeDate', function() {
    $('#my_hidden_input').val(
        $('#datepicker').datepicker('getFormattedDate')
    );
});

Now, it's showing Month with year. For example: February 2020

How can I remove the year?

enter image description here

Upvotes: 1

Views: 873

Answers (1)

Aashif Ahamed
Aashif Ahamed

Reputation: 1132

You Should Do like This:

$('#datetimepicker1').datetimepicker({
  format: 'L',
  dayViewHeaderFormat: 'MMMM'
});
<link href="//cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/css/bootstrap.css" rel="stylesheet"/>
<link href="//cdnjs.cloudflare.com/ajax/libs/bootstrap-datetimepicker/4.17.37/css/bootstrap-datetimepicker.css" rel="stylesheet"/>

<script src="//cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/moment.js/2.17.1/moment-with-locales.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/js/bootstrap.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/bootstrap-datetimepicker/4.17.37/js/bootstrap-datetimepicker.min.js"></script>

<div class="input-group date" id="datetimepicker1">
  <input type="text" class="form-control" />
  <span class="input-group-addon">
    <span class="glyphicon glyphicon-calendar"></span>
  </span>
</div>

Upvotes: 1

Related Questions