CFv4 Using the datepicker

How can I format a date in the datepicker?

Posted: Nov 8 2013, 13:46
The MooTools DatePicker used in the most recent versions of ChronoForms has a default date setting using the 'International' format YYYY-MM-DD; if this is OK then it is simplest not to change it. If you need another format, then please continue.

Why are my datepicker fonts too big?

Posted: Nov 2 2013, 10:04
Sometimes the datepicker pops up correctly but looks ‘wrong’ - usually because some of the text is too big, or misplaced. This happens when the template CSS over-riides the date-picker CSS. You can solve this by adding custom CSS to your form to correct the problems.

How can I add a JQuery datepicker?

Posted: Jun 1 2013, 09:08
Problem: How to make calendar, that is always shown in the form without using an input field. One must be able to select date and then the value must be submitted with the form. (This was needed for table reservation form for restaurant).
This FAQ was originally posted by user Zahorijs in the forums and has been bug-fixed and updated by me. 

How can I link a datepicker to an image or link?

Posted: Mar 2 2013, 09:27
Some datepickers show an icon to let users know that the input is a datepicker, the ChronoForms v4 MooTools datepicker doesn't do this by default. This FAQ shows you how to add an icon, or a text link that will open the datepicker. 

How do I set the date-picker language?

Posted: Feb 12 2013, 09:04

Which datepicker should I use?

Posted: Feb 12 2013, 08:55
ChronoForms v4 has two different date-pickers included. The default is the MonkeyPhysics datepicker, the alternative is the MooTools date-picker. Unless you are still using Joomla! 1.5 you should always use the MooTools datepicker. 

How can I set start and end dates for a datepicker?

Posted: Jan 16 2013, 09:57

Sometimes you only want to allow the user to pick dates after a certain date - e.g. only in the future; or only after a week from today; or you only want to allow them to pick dates before a certain - e.g. only in the past; or more than ten years ago. This FAQ shows one way of doing that with the MooTools datepicker.

The new version of this tutorial for ChronoForms 8 is available here

How can I select a range of dates - part 2?

Posted: Jan 15 2013, 11:34
There is another FAQ here that shows you how to use the RangePicker built in to the MooTools datepicker. If you still want to use two linked datepickers to allow the user to select a start and end date then this FAQ has some code to help you.

How can I select a range of dates - part 1?

Posted: Jan 10 2013, 09:41
The MooTools Datepicker has a RangePicker version that isn't included in ChronoForms by default though all the necessary files are there.

How can I set a default date for a datepicker?

Posted: Dec 1 2012, 05:26
Normally datepicker inputs are empty when the form loads, this FAQ shows you how to set a default date.