<head runat="server">
<title>title>
<link rel="stylesheet" href="js/themes/jquery.ui.all.css" />
<script src="js/jquery-1.7.2.js" type="text/javascript">script>
<script src="js/jquery.ui.core.js" type="text/javascript">script>
<script src="js/jquery.ui.widget.js" type="text/javascript">script>
<script src="js/jquery.ui.datepicker.js" type="text/javascript">script>
<script type="text/javascript">
$(function () {
$('#<%=Textdatepickerstartdate.ClientID%>').datepicker({
showOn: "button",
buttonImage: "images/calendar.gif",
dateFormat: 'dd-mm-yy',
buttonImageOnly: true
});
});
$(function () {
$('#<%=Textdatepickerenddate.ClientID%>').datepicker({
showOn: "button",
buttonImage: "images/calendar.gif",
dateFormat: 'dd-mm-yy',
buttonImageOnly: true
});
});
script>
head>
<body>
<form id="form1" runat="server">
<div>
<table>
<tr>
<td>
<asp:Label ID="Labestartdate" runat="server" Text="Enter The start date">asp:Label>
td>
<td>
<asp:TextBox ID="Textdatepickerstartdate" runat="server">asp:TextBox>
<asp:RequiredFieldValidator ID="RequiredFieldValidatostartdate" runat="server" ErrorMessage="Start Date is required"
ControlToValidate="Textdatepickerstartdate">asp:RequiredFieldValidator>
td>
tr>
<tr>
<td>
<asp:Label ID="Labeldatepickerenddate" runat="server" Text="Enter The end date">asp:Label>
td>
<td>
<asp:TextBox ID="Textdatepickerenddate" runat="server">asp:TextBox
td>