首页 > 编程语言 >Javascript日期、城市选择器(demo)

Javascript日期、城市选择器(demo)

时间:2022-08-23 09:59:37浏览次数:82  
标签:... 省市 浏览器 demo Javascript js 日期 选择器

 1 <html xmlns="http://www.w3.org/1999/xhtml">
 2 <head>
 3 <title>精美js日期选择器,js省市选择器- 何问起 </title>
 4 <link type="text/css" rel="Stylesheet" href="http://hovertree.com/texiao/js/13/styles/main.css" />
 5 <script type="text/javascript" language="javascript" src="http://hovertree.com/texiao/js/13/scripts/eye-base.js"></script>
 6 <script type="text/javascript" language="javascript" src="http://hovertree.com/texiao/js/13/scripts/eye-all.js"></script>
 7 </head>
 8 <body>
 9 <div style="width:789px;margin:0px auto;text-align:left">
10 <h1>Javascript日期、城市选择器</h1>
11 <a href="http://hovertree.com">首页</a> <a href="http://hovertree.com/texiao/">特效</a> <a href="http://hovertree.com/h/bjaf/citydate.htm">原文</a>
12 <br /><br />
13 <p><b>日期控件:</b></p>
14 <p>如果...</p>
15 <p>你想要一个小巧的js日期选择器。 </p>
16 <p>你需要一个精美的js日期选择器。 </p>
17 <p>你需要一个支持鼠标滚动的js日期选择器。</p>
18 <p>你想要一行代码就可以加载的js日期选择器。</p>
19 <p>你需要广泛兼容多浏览器的js日期选择器(跨浏览器设计, </p>
20 <p>通过IE6、IE7、IE8、Firefox、Chrome、Opera等浏览器测试)。</p>
21 <p>它就在这里...</p>
22 <p>点击文本框选择日期:</p>
23 <p><input type="text" style="width: 186px;" onClick="eye.datePicker.show(this);" /></p>
24 <br />
25 <p><b>省市选择器:</b></p>
26 <p>如果...</p>
27 <p>你需要一个精美的js省市选择选择器。 </p>
28 <p>你想要一行代码就可以加载的js省市选择选择器。</p>
29 <p>你需要广泛兼容多浏览器的js省市选择选择器(跨浏览器设计, </p>
30 <p>通过IE6、IE7、IE8、Firefox、Chrome、Opera等浏览器测试)。</p>
31 <p>它就在这里...</p>
32 <p>点击文本框选择省市:</p>
33 <p><input type="text" style="width: 80px;" id="fromProvince" onClick="eye.selectCity.show(this, 'fromCity');" /><input type="text" style="width: 80px;" id="fromCity" onClick="eye.selectCity.show('fromProvince', this);" /></p>
34 </div><div style="height:500px;width:100%"></div>
35 </body>
36 </html>

 

标签:...,省市,浏览器,demo,Javascript,js,日期,选择器
From: https://www.cnblogs.com/zhainverer/p/16615087.html

相关文章