<
form
id
="form1"
runat
="server"
>
<
div
align
="center"
>
<
fieldset
style
="width: 400px; height: 150px"
>
<
table
border
="0"
cellpadding
="3"
cellspacing
="3"
>
<
tr
>
<
td
colspan
="2"
>
請輸入日期范圍：
</
td
>
</
tr
>
<
tr
>
<
td
>
開始時間：
</
td
>
<
td
>
<
asp:TextBox
ID
="txtStartDate"
runat
="server"
></
asp:TextBox
>
</
td
>
</
tr
>
<
tr
>
<
td
>
結束時間：
</
td
>
<
td
>
<
asp:TextBox
ID
="txtEndDate"
runat
="server"
></
asp:TextBox
>
</
td
>
</
tr
>
<
tr
>
<
td
colspan
="2"
>
<
asp:Button
ID
="btnSubmit"
runat
="server"
Text
="提交"
/>
<
asp:Button
ID
="btnReset"
runat
="server"
Text
="重置"
/>
</
td
>
</
tr
>
</
table
>
</
fieldset
>
</
div
>
</
form
>
<
head
id
="Head1"
runat
="server"
>
<
title
>
Recipe14
</
title
>
<
link
rel
="Stylesheet"
href
="Styles/sunny/jquery-ui-1.8.17.custom.css"
/>
<
script
type
="text/javascript"
src
="Scripts/jquery-1.4.1-vsdoc.js"
></
script
>
<
script
type
="text/javascript"
src
="Scripts/jquery-ui-1.8.17.custom.min.js"
></
script
>
<
script
type
="text/javascript"
>
$(
function
() {
$(
"
#txtStartDate
"
).datepicker();
$(
"
#txtEndDate
"
).datepicker();
$(
"
#btnSubmit
"
).click(
function
(e) {
e.preventDefault();
var
startdate
=
Date.parse($(
"
#txtStartDate
"
).val());
var
enddate
=
Date.parse($(
"
#txtEndDate
"
).val());
if
(startdate
>
enddate) {
alert(
"
開始時間不能大于結束時間!
"
);
}
});
$(
"
#btnReset
"
).click(
function
(e) {
e.preventDefault();
$(
"
#txtStartDate
"
).val(
""
);
$(
"
#txtEndDate
"
).val(
""
);
});
});
</
script
>
</
head
>