How to limit Bootstrap Datepicker date view to just Year

Question

I am running Bootstrap 3.3.6 (latest) and Datepicker plugin 1.6.0 (latest).

I want the date box to only accept and display year between a certain range (in my current case 2014, 2015, and 2016).

I have this customization in place:

$('#my-container .my-class').datepicker({
  //format: " yyyy", // does not work
  minViewMode: "years",
  maxViewMode: "years",
  startDate: '01/01/2014',
  endDate: new Date(),
  startView: "year" //does not work
});

Is it possible to limit the input and display to just a 4-digit year?

Shady Alset · Accepted Answer · 2016-04-07 19:13:36Z

3

Try this solution :

$('.datepicker').datepicker({
    autoclose: true,
    format: " yyyy",
    viewMode: "years", 
    minViewMode: "years",
    startDate: '2014',
    endDate: new Date(),
});

See JsFiddle. I hope it works for you, thanks.

answered Apr 7, 2016 at 19:13

Shady Alset

5,7044 gold badges24 silver badges36 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

H. Ferrence Over a year ago

Excellent @ShadyAlset. Worked perfectly. Greatly appreciate the solution !

ni8mr Over a year ago

External resouces link of jsFiddle may be expired. It is not working now.

Collectives™ on Stack Overflow

How to limit Bootstrap Datepicker date view to just Year

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related