jQuery日历控件（JS日期拾取器）实用精简

查看效果

下载地址

前台部分代码

 

代码

<!--<br/ /><br/ />Code highlighting produced by Actipro CodeHighlighter (freeware)<br/ />http://www.CodeHighlighter.com/<br/ /><br/ />--> <! 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 >