Ⅰ 怎麼實現滑鼠點擊input輸入框彈出一個日期選擇框
<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<htmlxmlns="http://www.w3.org/1999/xhtml">
<head>
<metahttp-equiv="Content-Type"content="text/html;charset=utf-8"/>
<title>點擊text文本框彈出日期選擇器</title>
<!--可無視-->
<styletype="text/css">
body{margin:0;padding:0;font:14pxVerdana,Arial,sans-serif;line-height:200%;}
#content{padding-left:50px;padding-right:50px;}
#contenth2{font-size:18px;color:#1E9300;padding-top:8px;margin-bottom:8px;}
#contenth3{margin-top:8px;margin-bottom:8px;FONT:bold14px宋體,tahoma,arial,sans-serif;COLOR:#0033CC;}
#contentdiv{margin-top:10px;margin-bottom:10px;border:#666solid1px;padding:10px;}
#contentspan{color:#f00;font-weight:bold;}
ul,ol{color:#000000;}
</style>
<!--必要js文件/樣式表已經引入在js裡面了-->
<scripttype="text/javascript"src="lhgcore.js"></script>
<scripttype="text/javascript"src="lhgcalendar.js"></script>
</head>
<body>
<divid="content">
<h2>常規彈出日歷示例頁</h2>
<hrsize="1"style="width:400px;"align="left">
<h3>1.在控制項下面或右面彈出日歷組件（默認是在下面彈出）</h3>
<div>
<inputtype="text"id="c1"onclick="J.calendar.get();"/>顯示在下面
<inputtype="text"id="c2"onclick="J.calendar.get({dir:'right'});"/>顯示在右面
</div>
<h3>2.通過按鈕或圖片等其它控制項彈出日歷組件</h3>
<div>
<inputtype="text"id="c3"/>
<inputtype="button"id="btn"onclick="J.calendar.get({id:'c3'});"value="彈出"/>
<inputtype="text"id="c4"/>
<imgalign="absmiddle"src="images/date.gif"onclick="J.calendar.get({id:'c4'});"/>
</div>
<h3>3.顯示日期的2種格式（默認為年-月-日格式）</h3>
<div>
<inputtype="text"id="c5"onclick="J.calendar.get();"/>年-月-日格式
<inputtype="text"id="c6"onclick="J.calendar.get({type:'/'});"/>月/日/年格式
</div>
<h3>4.在文本框顯示帶時間的日期</h3>
<div>
<inputtype="text"id="c7"onclick="J.calendar.get({time:true});"/>
</div>
<h3>5.日期范圍限制</h3>
<div>
<inputtype="text"id="c8"onclick="J.calendar.get({to:'2009-8-8,min'});"/>只能選擇2009-8-8以前的日期
<inputtype="text"id="c9"onclick="J.calendar.get({to:'2009-8-18,max'});"/>只能選擇2009-8-18以後的日期<br/>
<inputtype="text"id="c10"onclick="J.calendar.get({to:'c11,min'});"/>
<inputtype="text"id="c11"onclick="J.calendar.get({to:'c10,max'});"/>這2個文本框，前面的日期不能大於後面的日期，後面的不能小於前面的日期。
</div>
</div>
<divstyle="text-align:center;margin:50px0;font:normal14px/24px'MicroSoftYaHei';">
</div>
</body>
</html>