0

Add a date picker to an Infusionsoft Form

Ever wanted to make it easy for your customers to choose a date for a field in a form?  Now it's easy with a little bit of jQuery!

[box type=”download”]

<link rel=”stylesheet” type=”text/css” href=”https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.11/themes/base/jquery-ui.css”/>

<script src=”https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.11/jquery-ui.min.js” type=”text/javascript”>
</script>

<script type=”text/javascript”>
jQuery(‘#inf_custom_AppointmentDate').datepicker({dateFormat:'dd/mm/yy',defaultDate:'+1w',changeYear:true,changeMonth:true, minDate: ‘+0'});
jQuery(‘#inf_custom_DateOfWedding').datepicker({dateFormat:'dd/mm/yy',defaultDate:'+1w',changeYear:true,changeMonth:true, minDate: ‘+0'});

</script>

[/box]

 

Change inf_custom_AppointmentDate and inf_custom_DateOfWedding to your field name.  If you only have one date field simply remove one of the lines.

Have Fun…


Enjoyed the article? 

You can find more great content here:

About the author 

Marc P Summers

Leave a Reply

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

{"email":"Email address invalid","url":"Website address invalid","required":"Required field missing"}