Change the date format on booking forms

By default the booking form on all of our themes uses the “YYYY/MM/DD” notation. In this article we will see how this can be modified.

You will need to start by navigating to the /js  folder of the theme. In there you will find the scripts.js file (on a couple of themes this might be named ci_scripts.js of jquery.scripts.js) and edit it.

Locate this line

dateFormat: 'yy/mm/dd',

and modify it to

dateFormat: 'dd/mm/yy',

or

dateFormat: 'mm/dd/yy',

according to your preference.

Notice: this line appears twice a few lines apart, change them both.

Next we need to reconfigure the validation.

Edit the template-booking.php file located in the main theme folder and locate these bits of code

if(!checkdate(substr($arrive, 5, 2), substr($arrive, 8, 2), substr($arrive, 0, 4)))

 
and

if(!checkdate(substr($depart, 5, 2), substr($depart, 8, 2), substr($depart, 0, 4)))

 
if you used the dd/mm/yy format, you will change them to

if(!checkdate(substr($arrive, 3, 2), substr($arrive, 0, 2), substr($arrive, 6, 4)))

 
and

if(!checkdate(substr($depart, 3, 2), substr($depart, 0, 2), substr($depart, 6, 4)))

 
respectively, if you used the dd/mm/yy format, you will change them to

if(!checkdate(substr($arrive, 0, 2), substr($arrive, 3, 2), substr($arrive, 6, 4)))

 
and

if(!checkdate(substr($depart, 0, 2), substr($depart, 3, 2), substr($depart, 6, 4)))

 
respectively.
When the changes are made you can save the file and you’re done.

No votes yet.
Please wait...

Pssst. We are on Themeforest too! Check out our exclusive themes.

Use the coupon code WORDPRESS and get 30% OFF! Join Today!