jquery datepicker change default date after initialization

Question

In the jQuery UI datepicker Docs ( http://jqueryui.com/demos/datepicker/ ) it says you can change the default date after init with

$( ".selector" ).datepicker( "option", "defaultDate", +7 );

Where +7 can be a date string, date object, or number of days from today

I can't seem to get this to work. If I set the defaultDate when initializing like this

$(".selector").datepicker({defaultDate:myDateObject});

it works but if I try to use the accessor method I can't get it to work.

Can someone try this and let me know if it works for them and if I've just lost my mind somewhere.

EDIT: Here is a jsFiddle for an example http://jsfiddle.net/Bkw7H/

You'll need to post what your myDateObject is.

j08691
– j08691

2012-06-11 19:28:06 +00:00
Commented Jun 11, 2012 at 19:28 — j08691
– j08691, Commented Jun 11, 2012 at 19:28
I just added a jsFiddle for an example

Devin Crossman
– Devin Crossman

2012-06-11 19:29:44 +00:00
Commented Jun 11, 2012 at 19:29 — Devin Crossman
– Devin Crossman, Commented Jun 11, 2012 at 19:29

Mothy · Accepted Answer · 2012-06-11 19:38:20Z

4

I've created a version that works - you need to use the setdate function, like so.

$("div").datepicker();
$("div").datepicker('setDate', date);

answered Jun 11, 2012 at 19:38

Mothy

662 bronze badges

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

1 Comment

Devin Crossman Over a year ago

Thanks, this will probably be what I end up doing but it still doesn't explain why setting the defaultDate option doesn't work

j08691 · Accepted Answer · 2012-06-11 19:57:42Z

2

It's a known bug: http://bugs.jqueryui.com/ticket/6195

Apparently the bug doesn't occur with input elements.

answered Jun 11, 2012 at 19:57

j08691

208k33 gold badges269 silver badges281 bronze badges

1 Comment

Paul C Over a year ago

So it's a known bug and they consider defaultdate just shouldn't work after initialization DESPITE it being in the API documentation that you can!! WTF

racl101 · Accepted Answer · 2012-11-14 16:53:40Z

1

I've found that adding options on the load event of the window object works when you want to add options to an already initialized datepicker element.

Like so:

function noSundays(date) {
    var weekday=new Array(7);
    weekday[0]="Sunday";
    weekday[1]="Monday";
    weekday[2]="Tuesday";
    weekday[3]="Wednesday";
    weekday[4]="Thursday";
    weekday[5]="Friday";
    weekday[6]="Saturday";

    if(weekday[date.getDay()] == 'Sunday')
        return [false, '', 'Not open on Sundays'];

    return [true];
}


jQuery(window).load(function(){

    jQuery('.hasDatepicker').datepicker('option', 'maxDate', '+1m +7d');
    jQuery('.hasDatepicker').datepicker('option', 'beforeShowDay', noSundays);

});

answered Nov 14, 2012 at 16:53

racl101

4,1204 gold badges38 silver badges34 bronze badges

Collectives™ on Stack Overflow

jquery datepicker change default date after initialization

3 Answers 3

1 Comment

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

1 Comment

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related