Question

184

How display only years in input Bootstrap Datepicker?

rated 0 times [ 189] [ 5] / answers: 1 / hits: 132897 / 12 Years ago, mon, october 29, 2012, 12:00:00

I am using the following code to display only the years:

$(#datepicker).datepicker( {viewMode: years, minViewMode: years});

but input appears in the format dd/mm/yyyy

How can I solve this since I do not have the format yyyy?

Answers

Only authorized users can answer the question. Please sign in first, or register a free account.

cadendericki

Add To Favorites

Follow

Total Points: 482

Total Questions: 109

Total Answers: 103

Location: Ecuador

Member since Thu, Jun 4, 2020

4 Years ago

cadendericki questions

1 ERROR TypeError: Cannot read properties of undefined (reading 'phones')

Tue, Mar 22, 22, 00:00, 2 Years ago

1 firefox browser does not start in playwright

Wed, Apr 7, 21, 00:00, 3 Years ago

1 React Creating Dynamic Select and Option Elements with Material-UI

Wed, Jan 27, 21, 00:00, 3 Years ago

1 How to use the vue router in another file?

Wed, Jul 8, 20, 00:00, 4 Years ago

1 Format column header dates in FullCalendar

Thu, May 14, 20, 00:00, 4 Years ago

View All

answered 12 Years ago ednakarolinal · Accepted Answer

Try this

$(#datepicker).datepicker({

    format: yyyy,

    viewMode: years, 

    minViewMode: years

});

<script src=https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js></script>

<script src=https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.6.4/js/bootstrap-datepicker.js></script>

<link href=https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.6.4/css/bootstrap-datepicker.css rel=stylesheet/>

<script src=https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js></script>

<link href=https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css rel=stylesheet/>





<input type=text id=datepicker />

$(#datepicker).datepicker( {

    format:  yyyy, // Notice the Extra space at the beginning

    viewMode: years, 

    minViewMode: years

});