jQuery UI datepicker 'setDate' method not working

Question

I'm having some issues with datepicker in jQuery.

I'm trying to put the today date in a field which is a datepicker.

I've tried with:

$('#fecha_alta').datepicker('setDate', new Date());
console.log($('#fecha_alta').datepicker('getDate'));

And

$('#fecha_alta').datepicker('setDate', '+0');
console.log($('#fecha_alta').datepicker('getDate'));

But always log null and also the input shows empty.

What's wrong?

check out stackoverflow.com/questions/606463/…

minaz
– minaz

2011-09-01 16:25:30 +00:00
Commented Sep 1, 2011 at 16:25 — minaz
– minaz, Commented Sep 1, 2011 at 16:25

Arnaud Leymet · Accepted Answer · 2011-09-01 17:01:36Z

4

The following code works:

$(document).ready(function() {
  $('#datepicker').datepicker('setDate', new Date());
});

(tested on the jQueryUI datepicker demo page)

answered Sep 1, 2011 at 17:01

Arnaud Leymet

6,1445 gold badges37 silver badges52 bronze badges

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

4 Comments

Antonio Laguna Over a year ago

And if it's not working it may be related with incompatibilities?

Arnaud Leymet Over a year ago

The easiest way for you to tackle this issue is to create a jsfiddle.net space with the most minimalist code for your to reproduce this issue. If the issue persists, you'll be able to share with us your problem and can expect a quick analysis from us folks.

Arnaud Leymet Over a year ago

And of course, when I'm using '#datepicker' you should use '#fecha_alta' since it's the ID you use. My answer was generic and can be applied to the jQueryUI demo page.

Antonio Laguna Over a year ago

Yeah I know and your answer is one of the codes I put so... thanks for your help anyway. I'll test them :D

Arnaud Leymet · Accepted Answer · 2011-09-01 17:22:11Z

3

If you need to set the date to the current one by default, then you may want to set it at start, when creating the widget:

$('#datepicker').datepick({
  defaultDate: new Date()
});

answered Sep 1, 2011 at 17:22

Arnaud Leymet

6,1445 gold badges37 silver badges52 bronze badges

Comments

Gayan · Accepted Answer · 2015-03-19 12:34:27Z

2

you can set date like this as well

$('.date-pick').datePicker().val(new Date()).trigger('change')

answered Mar 19, 2015 at 12:34

Gayan

2,9017 gold badges51 silver badges93 bronze badges

Collectives™ on Stack Overflow

jQuery UI datepicker 'setDate' method not working

3 Answers 3

4 Comments

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

4 Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related