按如下步骤来吧：
1. 假设你下载下来的MY97控件的文件夹名字是My97DatePicker，然后把这个文件夹放到网站根目录里。
2. 在需要调用控件的页面（该页面与My97DatePicker文件夹在同级目录下）的<head></head>中间加入引用：<script type="text/javascript" src="My97DatePicker/WdatePicker.js"></script>，在你这个页面效果如下：
<head ><meta http-equiv='Content-Type' content='text/html charset=UTF-8' >
<title >添加客户信息</title>
<script type="text/javascript" src="My97DatePicker/WdatePicker.js"></script>
</head>
3. 在要使用控件的文本框上加入onfocus="WdatePicker()"，在你的这个页面效果如下：
<div><span>入住时间：</span>
<input type="text" name='edtIntime' onfocus="WdatePicker()" />
</div>
然后就可以用了，如果页面与My97DatePicker文件夹不在同一级目录下，在第2步的时候需要改一下，具体可以追问。
纯手打，希望对你有帮助。
在HTML5中，为input元素新增了以下一些type属性值：color：用于指定颜色的控件。
date：用于输入日期的控件（年，月，日，不包括时间）。
month：用于输入年月的控件，不带时区。
week：用于输入一个由星期-年组成的日期，日期不包括时区
time：用于输入不含时区的时间控件。
datetime：基于UTC时区的日期时间输入控件（时，分，秒及几分之一秒）。
datetime-local：用于输入日期时间控件，不包含时区。
email：用于应该包含 e-mail 地址的输入域。在提交表单时，会自动验证 email 域的值。
number: 用于应该包含数值的输入域。只能输入数字
range：用于应该包含一定范围内数字值的输入域。range 类型显示为滑动条。
search：用于输入搜索字符串的单行文本字段。换行会被从输入的值中自动移除。
tel：用于输入电话号码的控件。在移动端输入会显示数字键盘，PC端无效果
url：用于编辑URL的字段。
<input type="date">这就会自带日期控件了。。。HTML5 拥有多个供选择日期和时间的新的输入类型：
date - 选择日、月、年
month - 选择月、年
week - 选择周、年
time - 选择时间（时、分）
datetime - 选择时间、日期、月、年（UTC 时间）
datetime-local - 选择时间、日期、月、年（本地时间）
你可以试试不同类型出来的效果，，
如果想要更好看的，那只能去搞个jquery的日期控件来用了，毕竟做得比较成熟，，
但是个人还是很喜欢html5这个新属性，，一句短短的就搞定了，，
不过有一个不好处就是，不同的浏览器渲染出来的效果有些差别。。。。
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）