Here we go then…
" rel="nofollow" target="\_blank" title="Link https//ajaxgoogleapiscom/ajax/libs/jqueryui/1114/jquery-uiminjs/script"\>https://ajax.googleapis.com/ajax/libs/jqueryui/1.11.4/jquery-ui.min.js"\>;
That will pull the latest jqueryui library into your page and make it available for use. Make sure you select to place it in the HEAD section from the drop down list.
Next up click the Add button on the left hand side as we need another script, we can’t put this in the same one as we want to add this before the BODY close tag, that’s important.
Please call it something like “Jquery UI DatePicker” and add the following lines of code:
Problem with this is it’s very ugly without a stylesheet. (We could embed the Google stylesheet into this code and it would work throws us an unbounce error that can be ignored, but it still works). I don’t like errors however, as they always come back to bite you and that’s not how Unbounce is setup to use custom stylesheets that are externally hosted.
So save what you’ve done and go back to the main editor screen and click on “Stylesheets” choose "add a new stylesheet and paste this little lot inside please:
" rel="nofollow" title="Link: https://ajax.googleapis.com/ajax/libs/jqueryui/1.11.4/themes/smoothness/jquery-ui.css"\>"\>https://ajax.googleapis.com/ajax/libs/jqueryui/1.11.4/themes/smoothness/jquery-ui.css"\>;
Again Save this with something you’ll remember what it is, I used JQuery UI Styles. Strictly speaking don’t need all of these styles just for your date picker but if you decide to use other things from JQuery UI at least you know they are not going to look like a load of rubbish.
Save --> Publish --> Test and let me know if this works it out for you.