Automatically Show Datepicker for Linked Date Field (Maximum Date)

When a date selected in Field A modifies the maximum date in Field B, this snippet will automatically open the datepicker in Field B after the date has been selected in Field A.

Instructions

  1. Install our free Custom Javascript for Gravity Forms plugin. Download the plugin here: https://gravitywiz.com/gravity-forms-code-chest/
    1. Copy and paste the snippet into the editor of the Custom Javascript for Gravity Forms plugin.

Code

Filename: gpld-automatically-show-datepicker-for-linked-date-field-max.js

/**
 * Gravity Perks // Limit Dates // Automatically Show Datepicker for Linked Date Field (Maximum Date)
 * https://gravitywiz.com/documentation/gravity-forms-limit-dates/
 *
 * When a date selected in Field A modifies the maximum date in Field B,
 * this snippet will automatically open the datepicker in Field B after
 * the date has been selected in Field A.
 *
 * Instructions:
 *   1. Install our free Custom Javascript for Gravity Forms plugin.
 *      Download the plugin here: https://gravitywiz.com/gravity-forms-code-chest/
 *   2. Copy and paste the snippet into the editor of the Custom Javascript for Gravity Forms plugin.
 */
gform.addAction( 'gpld_after_set_max_date', function( $input, date ) {
	$input.datepicker( 'show' );
} );

Leave a Reply

Your email address will not be published. Required fields are marked *

  • Trouble installing this snippet? See our troubleshooting tips.
  • Need to include code? Create a gist and link to it in your comment.
  • Reporting a bug? Provide a URL where this issue can be recreated.

By commenting, I understand that I may receive emails related to Gravity Wiz and can unsubscribe at any time.