Automate and Grow | Infusionsoft Automation Experts and WordPress Experts

Infusionsoft Webform Calendar Date Picker Script
Here are your installation instructions.


Copy and Paste the following three lines of code into the header of your website right above the </head> tag:

<link rel="stylesheet" type="text/css" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.21/themes/base/jquery-ui.css"/> <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js"></script>
*Note – If you already run jquery on your site you may already have these file paths in your header.


Copy and Paste the following onto the page HTML area that contains your Infusionsoft form with the date field:
<script type="text/javascript">
jQuery(document).ready(function() {
jQuery('#datepicker').datepicker({
dateFormat : 'mm-dd-yy'
});
});
</script>

*Note – I usually put this script on the bottom of the page HTML out of the way.

Find the date field in the webform code and change the field id= to “datepicker”. See below for an example.
<input id="datepicker" name="inf_field_Birthday" type="text" />


Here is all of it put together on one page:

<html>
<head>
<title>Infusionsoft Date Picker Demo</title>
<link rel="stylesheet" type="text/css" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.21/themes/base/jquery-ui.css"/>
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
 <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js"></script>
</head>
<body>
<form>
<input type="text" name="inf_field_FirstName" />
<input id="datepicker" name="inf_field_Birthday" type="text" />
<input type="submit" name="submit" />
</form>
<script type="text/javascript">
jQuery(document).ready(function() {
    jQuery('#datepicker').datepicker({
        dateFormat : 'mm-dd-yy'
    });
});
</script>
</body>
</html>
 Let me know if you have any questions!
Brand New Webinar: $30K In Month Using ONE Simple Funnel!Register Now!