<
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>