Ask your WordPress questions! Pay money and get answers fast! Comodo Trusted Site Seal
Official PayPal Seal

Sync two Gravity Forms Datepicker fields (Jquery) WordPress



I'm using Gravity forms to set a 'start' and 'end' date using their built-in JQuery UI Datepicker, what I want is when somebody enters a start date, say for example: 10/01/2014 the second datepicker box goes automatically to 17/01/2014 - the user can then select it and change the date if they require - but it shouldn't effect the first box.

It's just a bit of usability and I'm sure a relatively quick fix for someone that's good with Jquery! Currently when you select the second box it defaults to January which is a bit of a pain.

Here's the page in question (2 examples on this page):

Please help - been searching all day and tried 'keyup & paste & blur' code snippets but these only work for typed in data- not data selected from the datepicker: Example:

$("#input_A").bind("keyup paste", function() {


Answers (2)


Kyle answers:

Try with 'change'

$("#input_A").change( function() {



Kyle comments:

The answer below me is from the same link I pasted, either solution should get the job done for you.

Meakin comments:

Works perfectly - knew it would be simple! Thanks Kyle!


Sai kumar answers: