JqueryUI Datepicker cannot correctly handle initial values

Question

I have the following simple datepicker in JqueryUI:

$('#id_due_date').datepicker().datepicker("option", "dateFormat", "yy-mm-dd");
$('#id_due_date').datepicker("setDate",
                             new Date($("input#id_due_date").attr("value")));

So, if the already has a value it shows that date instead of blank (second line of code above).

However, i'm having the following difficulties:

I want to be able to show the month of that initial value in the calendar. So if that date is 3 months ahead, i want to show that month in the calendar.
With this code, if i'm not setting an initial value, it defaults to today, which is kind of wrong for my application as some items can have a missing due_date

Can you please help?

so what do you want to do if there is no date? set the calendar 3 months ahead? — Luke Duddridge
– Luke Duddridge, Commented Feb 18, 2011 at 13:30

Val · Accepted Answer · 2011-02-18 13:25:16Z

2

new Date is a javascript native method and expects the javascript dateformat to be correct
check out alt field, altField in jq ui
use datepicker({option:value})
check the changeMonth option in jq ui
check the change year option in jq ui

answered Feb 18, 2011 at 13:25

Val

17.6k24 gold badges99 silver badges148 bronze badges

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

1 Comment

Val Over a year ago

then add a hidden input and that could have the name attr instead of the one that is show. essentially one is use for display purposes the other for formatting purposes

Richard Marskell - Drackir · Accepted Answer · 2011-02-18 14:38:22Z

0

This should work:

$('#id_due_date').datepicker({dateFormat:"yy-mm-dd"});

Or to set the default date 1 month in the future:

$('#id_due_date').datepicker({dateFormat:"yy-mm-dd", defaultDate:'+1m'});

Then, just make sure that the input it's attached to is either blank or in the format of "2011-02-18" (yy = yyyy FYI; see here)

This way, the datepicker will automatically pick up the date in the box and show it. If it's blank, it will just display today's date.

edited Feb 18, 2011 at 14:38

answered Feb 18, 2011 at 14:19

Richard Marskell - Drackir

13.4k3 gold badges37 silver badges55 bronze badges

4 Comments

rsavu Over a year ago

But I don't want to show it today's date because it is null for a reason. Let's say you add a task that doesn't have a due date. It won't be so pretty for every task you add to be by default due'd today.

Richard Marskell - Drackir Over a year ago

@rsavu: I have updated it to show how to set the default date to 1 month in the future.

rsavu Over a year ago

Sorry, but this is a hack to set a due_date in the future. I'm looking for a none | blank | null value :)

Richard Marskell - Drackir Over a year ago

@rsavu: I'm confused. These are options for the datepicker, they are not hacks. If you want the date to be blank, why not just have the person delete the value in the input element or have a radio/check box that says "No due date" which will set the input's value to blank using the click event?

Collectives™ on Stack Overflow

JqueryUI Datepicker cannot correctly handle initial values

2 Answers 2

1 Comment

4 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

4 Comments

Your Answer

Sign up or log in

Post as a guest

Related