Question

140

Flatpickr : set default date only if date value is null/empty

rated 0 times [ 141] [ 1] / answers: 1 / hits: 7079 / 5 Years ago, tue, november 5, 2019, 12:00:00

I am using Flatpickr v4.6.3. Using following line of code to initialize it on text fields with class date.

$( .date ).flatpickr({dateFormat:d-M-Y,disableMobile: true,defaultDate:new Date()});

Here, I want Flatpickr to show the date that is set in value of input field, and if textbox/input field value is not having a valid date the show default date.

Problem : if I use defaultDate:new Date(), then it always overrides whatever date value is set on input field. Maybe I can write a method to invoke for defaultDate and parse input value myself and return accordingly. Please suggest.

Answers

Only authorized users can answer the question. Please sign in first, or register a free account.

kevonmoisesf

Add To Favorites

Follow

Total Points: 693

Total Questions: 101

Total Answers: 128

Location: Reunion

Member since Mon, Dec 28, 2020

3 Years ago

kevonmoisesf questions

1 Bootstrap 5 update Tooltip Title with Javascript

Sat, Jan 23, 21, 00:00, 3 Years ago

1 How to wait for reaction and only then send message [discord.js]

Thu, Aug 13, 20, 00:00, 4 Years ago

1 How do you display content of a .JSON file using Discord.js?

Tue, Feb 18, 20, 00:00, 4 Years ago

1 VueJs object key/value is not reactive in v-for loop

Wed, Jun 12, 19, 00:00, 5 Years ago

1 How to pass HTML string from flask app to HTML template as a DOM element and then appendChild

Tue, Apr 23, 19, 00:00, 5 Years ago

View All

answered 5 Years ago isham · Accepted Answer

I had this same issue. The 'defaultDate' property is of type string and the default value is null. Remember its a string so if you use 'null' it initializes to blank. I'm using 4.6.1 and this works for me.

$( ".date" ).flatpickr({

   dateFormat:"d-M-Y",

   disableMobile: "true",

   defaultDate:'null'

});