Step 1: Download Jquery UI from http://jqueryui.com/download
<!DOCTYPE html>
<head>
<meta charset="utf-8">
<title>Datepicker</title>
<link rel="stylesheet" type="text/css" href="/css/jquery-ui.css">
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js" type="text/javascript" charset="utf-8"></script>
<script src="/js/jquery-ui.min.js" type="text/javascript" charset="utf-8"></script>
<script type="text/javascript">
$(document).ready(function(){
$("#from").datepicker({ dateFormat:'yy-mm-dd'});
$("#to").datepicker({ dateFormat:'yy-mm-dd'});
});
</script>
</head>
<body>
<div>
<div>
<table style="background-color: #E6E6FF">
<tr>
<td style="color: #000;padding-top: 8px" colspan="3"><b>Interval</b></td>
</tr>
<tr>
<td>
<input type="text" size="10" id="from" name="to"/>
</td>
<td>
<b>-</b>
</td>
<td>
<input type="text" size="10" id="to" name="to"/>
</td>
</tr>
<tr>
<td colspan="3">
<input type="button" value="Search" />
</td>
</tr>
</table>
</div>
</div>
</body>
</html>
