Here is the snippet for jQuery date picker.

<html> <head> <link rel="stylesheet" href="//code.jquery.com/ui/1.11.4/themes/smoothness/jquery-ui.css"> //code.jquery.com/jquery-1.10.2.js //code.jquery.com/ui/1.11.4/jquery-ui.js $(function(){ $("#mydate").datepicker(); }); </head> <body> Date (Click for calendar): <input type="text" name="mydate" id="mydate"/> </body> </html>