前台部分代码
代码
<!
DOCTYPE html PUBLIC
"
-//W3C//DTD XHTML 1.0 Transitional//EN
"
"
http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd
"
>
< html xmlns = " http://www.w3.org/1999/xhtml " >
< head >
< meta http - equiv = " Content-Type " content = " text/html; charset=utf-8 " />
< meta http - equiv = " Content-Language " content = " zh-CN " />
< meta content = " all " name = " robots " />
< meta name = " author " content = " bujichong " />
< meta name = " Copyright " content = "" />
< meta name = " description " content = "" />
< meta name = " keywords " content = "" />
< title > JQuery日历插件datePicker简单示例 </ title >
< link rel = " stylesheet " type = " text/css " href = " demo/css/datePicker.css " />
< script src = " demo/js/jquery-1.3.2.min.js " type = " text/javascript " ></ script >
< script src = " demo/js/jquery.datePicker-min.js " type = " text/javascript " ></ script >
<!-- [ if IE] >< script type = " text/javascript " src = " demo/js/jquery.bgiframe.min.js " ></ script ><! [endif] -->
< script type = " text/javascript " >
$(window).ready(function(){
$( ' .date-pick ' ).datePicker({clickInput: true });
});
</ script >
</ head >
< body >
< p >< label > 起订时间: </ label >< input type = " text " name = " it " class = " it date-pick " /></ p >
< p >< label > 订购方式: </ label >< input type = " radio " name = " ir2 " class = " ir " /> 全年 & nbsp; < input type = " radio " name = " ir2 " class = " ir " />< select name = " so " class = " so " >
< option value = " 0 " selected = " selected " > 1 </ option >
< option value = " 1 " > 2 </ option >< option value = " 1 " > 3 </ option >
< option value = " 1 " > 4 </ option >< option value = " 1 " > 5 </ option >
< option value = " 1 " > 6 </ option >< option value = " 1 " > 7 </ option >
< option value = " 1 " > 8 </ option >< option value = " 1 " > 9 </ option >
< option value = " 1 " > 10 </ option >< option value = " 1 " > 11 </ option >
</ select > 期 </ p >
</ body >
</ html >
< html xmlns = " http://www.w3.org/1999/xhtml " >
< head >
< meta http - equiv = " Content-Type " content = " text/html; charset=utf-8 " />
< meta http - equiv = " Content-Language " content = " zh-CN " />
< meta content = " all " name = " robots " />
< meta name = " author " content = " bujichong " />
< meta name = " Copyright " content = "" />
< meta name = " description " content = "" />
< meta name = " keywords " content = "" />
< title > JQuery日历插件datePicker简单示例 </ title >
< link rel = " stylesheet " type = " text/css " href = " demo/css/datePicker.css " />
< script src = " demo/js/jquery-1.3.2.min.js " type = " text/javascript " ></ script >
< script src = " demo/js/jquery.datePicker-min.js " type = " text/javascript " ></ script >
<!-- [ if IE] >< script type = " text/javascript " src = " demo/js/jquery.bgiframe.min.js " ></ script ><! [endif] -->
< script type = " text/javascript " >
$(window).ready(function(){
$( ' .date-pick ' ).datePicker({clickInput: true });
});
</ script >
</ head >
< body >
< p >< label > 起订时间: </ label >< input type = " text " name = " it " class = " it date-pick " /></ p >
< p >< label > 订购方式: </ label >< input type = " radio " name = " ir2 " class = " ir " /> 全年 & nbsp; < input type = " radio " name = " ir2 " class = " ir " />< select name = " so " class = " so " >
< option value = " 0 " selected = " selected " > 1 </ option >
< option value = " 1 " > 2 </ option >< option value = " 1 " > 3 </ option >
< option value = " 1 " > 4 </ option >< option value = " 1 " > 5 </ option >
< option value = " 1 " > 6 </ option >< option value = " 1 " > 7 </ option >
< option value = " 1 " > 8 </ option >< option value = " 1 " > 9 </ option >
< option value = " 1 " > 10 </ option >< option value = " 1 " > 11 </ option >
</ select > 期 </ p >
</ body >
</ html >