首页 > 代码库 > My97DatePicker日期控件用法
My97DatePicker日期控件用法
用法很简单,主要演示都在myDate.html
<meta http-equiv="content-type" content="text/html; charset=UTF-8"><!-- 它的官网是http://www.my97.net/ --><!-- 引入它的js(这里用的是My97.DatePicker.4.72.Release) --><!-- My97DatePicker引入到项目中后的目录结构如下WebRoot |--js | |--My97DatePicker | | |--lang | | | |--zh-cn.js | | |--skin | | | |--default | | | | |--datepicker.css | | | | |--img.gif | | | |--datePicker.gif | | | |--WdatePicker.css | | |--calendar.js | | |--config.js | | |--My97DatePicker.htm | | |--WdatePicker.js --><script type="text/javascript" src=http://www.mamicode.com/"js/My97DatePicker/WdatePicker.js"></script><!-- 下面演示My97DatePicker的一些效果 --><font color="blue">常规调用(若想在文本框中尾部显示日期图标,可以设置<input class="Wdate"/>)</font><br/><input type="text" onClick="WdatePicker()"/><br/><br/><font color="blue">图标触发(此时只有点击图标才能弹出日期选择框)</font><br/><input id="iconInvoke" type="text"/><img onclick="WdatePicker({el:‘iconInvoke‘})" src=http://www.mamicode.com/"js/My97DatePicker/skin/datePicker.gif" width="16" height="22" align="absmiddle"><br/><br/><font color="blue">禁止清空(即用户选择完日期后,不能直接在文本框中按detele键删掉或清空,只能重新选择日期)</font><br/><input type="text" class="Wdate" onFocus="WdatePicker({isShowClear:false, readOnly:true})"/><br/><br/><font color="blue">自定义每周的第一天(4.6新增:设置周一为每周第一天)</font><br/><input type="text" onfocus="WdatePicker({firstDayOfWeek:1})"/><br/><br/><font color="blue">自定义日期显示格式(这里设置为yyyy-MM-dd HH:mm,这一点和Java相同,还可设置其它的如‘yyyy年MM月‘)</font><br/><input type="text" onfocus="WdatePicker({dateFmt:‘yyyy-MM-dd HH:mm‘})"/><br/><br/><font color="blue">双月日历功能(4.6新增:可以同时弹出两个月的日历)</font><br/><input type="text" onfocus="WdatePicker({doubleCalendar:true, dateFmt:‘yyyy-MM-dd‘})"/><br/><br/><font color="blue">限制日期范围为2013-09-14到2013-9-20</font><br/><input type="text" onfocus="WdatePicker({minDate:‘2013-09-14‘, maxDate:‘2013-9-20‘})"/><br/><br/><font color="blue">限制日期范围为2013年9月到2013年10月</font><br/><input type="text" onfocus="WdatePicker({minDate:‘2013-9‘, maxDate:‘2013-10-31‘})"/><br/><br/><font color="blue">限制日期范围为10:00:20到14:30:00</font><br/><input type="text" onfocus="WdatePicker({dateFmt:‘HH:mm:ss‘, minDate:‘10:00:20‘, maxDate:‘14:30:00‘})"/><br/><br/><font color="blue">限制日期范围为2013-9-14 10:30到2013-9-15 16:40</font><br/><input type="text" onfocus="WdatePicker({dateFmt:‘yyyy-MM-dd HH:mm‘, minDate:‘2013-09-14 10:30‘, maxDate:‘2013-09-15 16:40‘})"/><br/><br/><font color="blue">只能选择今天以前的日期(包括今天)</font><br/><input type="text" onfocus="WdatePicker({maxDate:‘%y-%M-%d‘})"/><br/><br/><font color="blue">只能选择今天以后的日期(不包括今天)(这里使用了My97DatePicker的运算表达式)</font><br/><input type="text"