Default date for jQuery UI datapicker

Question

I have set up a jQuery UI inline datapicker and has disallowed the present and previous dates. This automatically selects tomorrow as the default date. However, I would like to not have a date selected by default. How can I accomplish this?

        $("#datepicker").datepicker({
            inline: true,
            firstDay: 1,
            minDate: 1,
            defaultDate: ???,
        });

https://jsfiddle.net/mckeene/pe05vjcy/

Community · Accepted Answer · 2017-05-23 12:00:58Z

1

So, it would seem it takes a bit to get it to default to nothing. Expanding on this answer: https://stackoverflow.com/a/28078137/99401 I ended up with this:

<div id="datepicker"></div>

$("#datepicker").datepicker({
  inline: true,
  firstDay: 1,
  minDate: 1,
  setDate: null
});
$("#datepicker").find(".ui-datepicker-current-day a").removeClass("ui-state-active");
$("#datepicker").find(".ui-datepicker-current-day a").removeClass("ui-datepicker-days-cell-over");
$("#datepicker").find(".ui-datepicker-current-day a").removeClass("ui-state-hover");

See here for an updated working example: https://jsfiddle.net/jreljac/rdnk9yk2/3/

edited May 23, 2017 at 12:00

CommunityBot

11 silver badge

answered Aug 9, 2016 at 22:32

Jason

15.4k23 gold badges87 silver badges119 bronze badges

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

2 Comments

McKeene Over a year ago

Hi Jason. Here is how it looks like jsfiddle.net/mckeene/pe05vjcy

McKeene Over a year ago

Thank you very much. Weird that it is not part of the default options.

Collectives™ on Stack Overflow

Default date for jQuery UI datapicker

1 Answer 1

2 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related