View file File name : index.html Content :<!doctype html> <html lang="en"> <head> <meta charset="utf-8"> <title>jQuery UI Datepicker - Display month & year menus</title> <link rel="stylesheet" href="css/jquery-ui.css"> <script src="js/jquery-1.9.1.js"></script> <script src="js/jquery-ui.js"></script> <script> $(function() { $( "#datepicker" ).datepicker({ changeMonth: true, changeYear: true, yearRange:'1950:2014' }); }); </script> <style> body { font-family: "Trebuchet MS", "Helvetica", "Arial", "Verdana", "sans-serif"; font-size: 62.5%; } </style> </head> <body> <p>Date: <input type="text" id="datepicker"></p> </body> </html>