Set year of datepicker using jquery

Question

I am doing some work in .net technology using MVC 4.0 with VB language.

I have dropdownlist that has a set of years from 2006 to running year. I want to set the selected year from dropdownlist to datepicker so I can have that year specific months and days and I have done following changes in datepicker.

 $('input').filter('.datepickerHoliday').datepicker({
                            changeMonth: true,
                            changeYear: false,
                            showYear: false,
                            dateFormat: 'mm/dd/' + yr,
                        });

How can I do this?

Where you want to display dropdown - inside your datepicker or outside. http://stackoverflow.com/questions/13865218/jquery-ui-datepicker-set-year-range-dropdown-to-100-years http://jqueryui.com/datepicker/#dropdown-month-year — Vinod, Mar 31 '15 at 05:51
Dropdown is displayed outside. Actually I am taking year from dropdownlist and set it in datepicker (yr) as dateFormat but I am not getting the months and days for that specific year that I have selected in dropdownlist tht's why I have to set year in datepicker that I have selected in dropdown. How can I do that? — Mahavirsinh Padhiyar, Mar 31 '15 at 05:56

score 2 · Accepted Answer · edited May 23 '17 at 12:04

2

This might do the trick. This is an basic you can build top of it.

var myDate = new Date();
var prettyDate = 01 + '/' + 01 + '/' + 'your selected dropdownlist year'
$("#date_pretty").val(prettyDate);

here is an link which gives you what you need :

Link

edited May 23 '17 at 12:04

Community

1
1

answered Mar 31 '15 at 06:21

Vinod

596
2
10
28

No Vinod It's not working. Actually I am filtering all the textboxes that has datepicker class so last line might not work but still I have tried to do that by definig setDate but still not working. The months and days are coming of running year. – Mahavirsinh Padhiyar Mar 31 '15 at 06:28
link is not redirect to a proper page. – Mahavirsinh Padhiyar Mar 31 '15 at 06:35
Your link is helpfull and your code as well Vinod. I got what I want. – Mahavirsinh Padhiyar Mar 31 '15 at 07:16

score 1 · Answer 2 · answered Mar 31 '15 at 07:26

var yr = $('#ddlYear').val();
var beforeDate = '01/01/' + yr;
var myDate = new Date(beforeDate);

$('input').filter('.datepicker').datepicker({
                   changeMonth: true
                   });
$('input').filter('.datepicker').datepicker("setDate", myDate);

so I got my selected year's date means year specific months and days.

Set year of datepicker using jquery

2 Answers2