查看效果
下载地址
前台部分代码
代码 <!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<htmlxmlns="/1999/xhtml">
<head>
<metahttp-equiv="Content-Type"content="text/html;charset=utf-8"/>
<metahttp-equiv="Content-Language"content="zh-CN"/>
<metacontent="all"name="robots"/>
<metaname="author"content="bujichong"/>
<metaname="Copyright"content=""/>
<metaname="description"content=""/>
<metaname="keywords"content=""/>
<title>JQuery日历插件datePicker简单示例</title>
<linkrel="stylesheet"type="text/css"href="demo/css/datePicker.css"/>
<scriptsrc="demo/js/jquery-1.3.2.min.js"type="text/javascript"></script>
<scriptsrc="demo/js/jquery.datePicker-min.js"type="text/javascript"></script>
<!--[ifIE]><scripttype="text/javascript"src="demo/js/jquery.bgiframe.min.js"></script><![endif]-->
<scripttype="text/javascript">
$(window).ready(function(){
$('.date-pick').datePicker({clickInput:true});
});
</script>
</head>
<body>
<p><label>起订时间:</label><inputtype="text"name="it"class="itdate-pick"/></p>
<p><label>订购方式:</label><inputtype="radio"name="ir2"class="ir"/>全年 <inputtype="radio"name="ir2"class="ir"/><selectname="so"class="so">
<optionvalue="0"selected="selected">1</option>
<optionvalue="1">2</option><optionvalue="1">3</option>
<optionvalue="1">4</option><optionvalue="1">5</option>
<optionvalue="1">6</option><optionvalue="1">7</option>
<optionvalue="1">8</option><optionvalue="1">9</option>
<optionvalue="1">10</option><optionvalue="1">11</option>
</select>期</p>
</body>
</html>