- 浏览: 2290550 次
- 性别:
- 来自: 成都
文章分类
- 全部博客 (357)
- J2EE (49)
- JavaScript (40)
- Spring (19)
- Struts (5)
- CSS (8)
- Hibernate (16)
- Java (67)
- DWR (4)
- JSON (3)
- XFIRE (1)
- Tomcat (1)
- Ant (2)
- 设计模式 (2)
- 经典收藏 (2)
- JSP (10)
- Linux (0)
- WebLogic (11)
- myeclipse (13)
- Buffalo (4)
- 文件上传相关 (1)
- oracle (33)
- html (6)
- JSTL (3)
- SVN (2)
- GIT (1)
- 孙卫琴(Java网络编程精解) (1)
- DOM4J (2)
- Swing (1)
- AJAX (1)
- Eclipse (5)
- 日志组件 (3)
- PowerDesigner (1)
- Jquery (22)
- IT技术开发相关网址 (1)
- Nutz (1)
- 其它 (1)
- Velocity (3)
- WebService (1)
- MySql (2)
- Android (1)
- Maven (2)
- Quartz (11)
- Lucene (1)
- springsource (1)
- Junit (1)
- Activiti (0)
最新评论
-
yzlseu:
拼凑,没有营养
Activiti进阶—分配组任务 -
zhangsenhao:
非常赞!代码很清楚
SpringMVC3.0+MyIbatis3.0(分页示例) -
xiamw2000:
分页写得不对,应该是 : order by ${orderNa ...
SpringMVC3.0+MyIbatis3.0(分页示例) -
sheertewtw:
...
SpringMVC:上传与下载 -
kingtoon:
...
XSS之xssprotect
参考官网资料:http://www.my97.net/dp/demo/
My97DatePicker 演示和文档
http://yhceye2010.iteye.com/blog/1142541
通过测试在My97DatePicker4.7..2以上正常!
在附件中上传了工程,它包含My97DatePicker的二个版本:4.7.2,4.8beta
运行效果图如下:
My97DatePicker 演示和文档
http://yhceye2010.iteye.com/blog/1142541
通过测试在My97DatePicker4.7..2以上正常!
在附件中上传了工程,它包含My97DatePicker的二个版本:4.7.2,4.8beta
运行效果图如下:
<%@ page language="java" pageEncoding="UTF-8"%> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <title>My97DatePickerBeta</title> <meta http-equiv="pragma" content="no-cache"> <meta http-equiv="cache-control" content="no-cache"> <meta http-equiv="expires" content="0"> <script language="javascript" type="text/javascript" src="My97DatePickerBeta/My97DatePicker/WdatePicker.js"></script> <style type="text/css"> .my97{ padding-left:5px; padding-bottom:5px; padding-top:20px; color:#222222; font-size:12px; background:#f4f9ff; line-height:22px; border:1px solid green; margin:5px; width:450px; height:auto; float:left; } .my97 img{ cursor:hand; } </style> </head> <body> <div class="my97"> <p>常规调用 <input type="text" onClick="WdatePicker()"/><p> <p>周的应用 <input type="text" id="dl3" onfocus="WdatePicker({isShowWeek:true})"/> <p> <p>图标触发 <input type="text" id="demospan2"/> <img onClick="WdatePicker({el:'demospan2'})" src="My97DatePickerBeta/My97DatePicker/skin/datePicker.gif" width="16" height="22" align="absmiddle"> <p> <p>自定义弹出位置 使用positon属性指定,弹出日期的坐标为{left:100,top:50}<br> <input type="text" id="dl3" onfocus="WdatePicker({position:{left:100,top:50}})"/> <p> <p>自定义星期的第一天 <br>相关属性:firstDayOfWeek: 可设置 0 - 6 的任意一个数字,0:星期日 1:星期一 以此类<br> <input type="text" id="dl3" onfocus="WdatePicker({firstDayOfWeek:5})"/> <p> </div> <div class="my97"> <p>只读开关,高亮周末功能 <br>设置readOnly属性 true 或 false 可指定日期框是否只读 <br>设置highLineWeekDay属性 ture 或 false 可指定是否高亮周末 <br>设置日期可输入,不高亮周末 <input type="text" id="dl3" onfocus="WdatePicker({readOnly:false,highLineWeekDay:false})"/> <br>设置日期不可输入,高亮周末 <input type="text" id="dl3" onfocus="WdatePicker({readOnly:true,highLineWeekDay:true})"/> <p> <p>利用onpicked事件把周赋值给另外的文本框 <input type="text" class="Wdate" id="d122" onFocus="WdatePicker({isShowWeek:true,onpicked:function() {$dp.$('d122_1').value=$dp.cal.getP('W','W');$dp.$('d122_2').value=$dp.cal.getP('W','WW');}})"/> <br>您选择了第<input type="text" id="d122_1"/> <br>(W格式)周, 另外您可以使用WW格式<input type="text" id="d122_2"/>周 <p>将日期返回到<span>中 <br> <span id="demospan" style="color:red">2011-09-15</span> <img onClick="WdatePicker({el:'demospan'})" src="My97DatePickerBeta/My97DatePicker/skin/datePicker.gif" width="16" height="22" align="absmiddle" style="cursor:pointer" /> </p> </div> <div class="my97"> <p>平面显示 <div id="div1"></div> <script> WdatePicker({eCont:'div1',onpicked:function(dp){alert('你选择的日期是:'+dp.cal.getDateStr())}}) </script> </p> <p>操作按钮自定义 清空按钮和今天按钮,可以根据需要进行自定义,它们分别对应 isShowClear 和 isShowToday 默认值都是true<br> <input type="text" id="dl3" onfocus="WdatePicker({isShowClear:false,isShowToday:false})"/> </p> </div> <div class="my97"> <p>起始日期简单应用 当日期框为空值时,将使用 1980-05-01 做为起始日期 <br> <input type="text" id="d221" onFocus="WdatePicker({startDate:'2011-09-15'})"/> </p> <p>alwaysUseStartDate属性应用,日期框无论是何值,始终使用 1980-05-01 做为起始日期 <br> <input type="text" id="d222" onFocus="WdatePicker({startDate:'1980-05-01',alwaysUseStartDate:true})"/> </p> </div> <div class="my97"> <p>使用内置参数 除了使用静态的日期值以外,还可以使用动态参数(如:%y,%M分别表示当前年和月) <br> <input type="text" id="d233" onFocus="WdatePicker({startDate:'%y-%M-01 00:00:00',dateFmt:'yyyy-MM-dd HH:mm:ss',alwaysUseStartDate:true})"/> <input type="text" id="d233" onFocus="WdatePicker({startDate:'%y-%M-01',dateFmt:'yyyy年M月d HH时mm分 ',alwaysUseStartDate:true})"/> </p> <p> <input type="text" id="d233" onFocus="WdatePicker({startDate:'%y-%M-01',dateFmt:'yyyy年M月',alwaysUseStartDate:true})"/> <input type="text" id="d233" onFocus="WdatePicker({startDate:'%y-%M-01',dateFmt:'H:m:s',alwaysUseStartDate:true})"/> </p> </div> <div class="my97"> <p>使用内置参数 除了使用静态的日期值以外,还可以使用动态参数(如:%y,%M分别表示当前年和月) <br> <input type="text" id="d233" onFocus="WdatePicker({dateFmt:'yyyy年MM月dd日 HH时mm分ss秒'})"/> <input type="text" id="d233" onFocus="WdatePicker({skin:'whyGreen',dateFmt:'H:mm:ss'})"/> </p> <p> <input type="text" id="d233" onFocus="WdatePicker({skin:'whyGreen',dateFmt:'yyyy年MM月'})"/> </p> </div> <div class="my97"> <p>取得系统可识别的日期值( 类似于 1999年7月5日 这样的日期是不能够被系统识别的,他必须转换为能够识别的类型如 1999-07-05<br> <input id="d244" type="text" class="Wdate" onfocus="WdatePicker({dateFmt:'yyyy年M月d日',vel:'d244_2'})"/> <input id="d244_2" type="text" /> </p> <p>星期, 月 日, 年<br> <input type="text" id="d245" onfocus="WdatePicker({dateFmt:'DD, MMMM d, yyyy'})" class="Wdate"/> </p> <p>双月日历功能 注意:双月日历一般只用于包含年月日三个元素的场景,另外设置该属性时,autoPickDate自动设置为true<br> <input class="Wdate" type="text" onfocus="WdatePicker({doubleCalendar:true,dateFmt:'yyyy-MM-dd'})"/> </p> </div> <div class="my97"> <p>自动纠错功能 <br>纠错处理可设置为3种模式:提示(默认) 自动纠错 标记,当日期框中的值不符合格式时,系统会尝试自动修复,如果修复失败会根据您设置的纠错处理模式进行处理,错误判断功能非常智能它可以保证用户输入的值是一个合法的值<br> <input id="d244" type="text" class="Wdate" onfocus="WdatePicker({errDealMode:0})"/> </p> <p>民国年演示<br> <input type="text" id="d28" onClick="WdatePicker({dateFmt:'yyy/MM/dd'})"/> </p> </div> <div class="my97"> <p>日期范围限制 静态限制 <input id="d411" class="Wdate" type="text" onfocus="WdatePicker({skin:'whyGreen',minDate:'2006-09-10',maxDate:'2012-12-20'})"/> </p> <p>限制日期的范围是 2008-3-8 11:30:00 到 2008-3-10 20:59:30<br> <input type="text" class="Wdate" id="d412" onfocus="WdatePicker({skin:'whyGreen',dateFmt:'yyyy-MM-dd HH:mm:ss',minDate:'2008-03-08 11:30:00',maxDate:'2008-03-10 20:59:30'})" value="2008-03-09 11:00:00"/> </p> <p>限制日期的范围是 2008年2月 到 2008年10月<br> <input type="text" class="Wdate" id="d413" onfocus="WdatePicker({dateFmt:'yyyy年M月',minDate:'2008-2',maxDate:'2008-10'})"/> </p> <p>限制日期的范围是 8:00:00 到 11:30:00<br> <input type="text" class="Wdate" id="d414" onfocus="WdatePicker({dateFmt:'H:mm:ss',minDate:'8:00:00',maxDate:'11:30:00'})"/> </p> </div> <div class="my97"> <p>日期范围限制 动态限制 只能选择今天以前的日期(包括今天) <input id="d421" class="Wdate" type="text" onfocus="WdatePicker({skin:'whyGreen',maxDate:'%y-%M-%d'})"/> </p> <p>只能选择今天以后的日期(不包括今天)<br> <input id="d422" class="Wdate" type="text" onfocus="WdatePicker({minDate:'%y-%M-{%d+1}'})"/> </p> <p>只能选择本月的日期1号至本月最后一天<br> <input id="d423" class="Wdate" type="text" onfocus="WdatePicker({minDate:'%y-%M-01',maxDate:'%y-%M-%ld'})"/> </p> <p>只能选择今天7:00:00至明天21:00:00的日期<br> <input id="d424" class="Wdate" type="text" onfocus="WdatePicker({dateFmt:'yyyy-M-d H:mm:ss',minDate:'%y-%M-%d 7:00:00',maxDate:'%y-%M-{%d+1} 21:00:00'})"/> </p> <p>只能选择 20小时前 至 30小时后 的日期<br> <input id="d425" class="Wdate" type="text" onClick="WdatePicker({dateFmt:'yyyy-MM-dd HH:mm',minDate:'%y-%M-%d {%H-20}:%m:%s',maxDate:'%y-%M-%d {%H+30}:%m:%s'})"/> </p> </div> <div class="my97"> <p>日期范围限制 脚本自定义限制 前面的日期不能大于后面的日期且两个日期并且不能大于 2020-10-01 <br>开始日期<input id="d4311" class="Wdate" type="text" onFocus="WdatePicker({maxDate:'#F{$dp.$D(\'d4312\')||\'2020-10-01\'}'})"/> 到<input id="d4312" class="Wdate" type="text" onFocus="WdatePicker({minDate:'#F{$dp.$D(\'d4311\')}',maxDate:'2020-10-01'})"/> </p> <p>前面的日期+3天 不能大于 后面的日期<br> 日期从<input type="text" class="Wdate" id="d4321" onFocus="WdatePicker({maxDate:'#F{$dp.$D(\'d4322\',{d:-3});}'})"/> 到<input type="text" class="Wdate" id="d4322" onFocus="WdatePicker({minDate:'#F{$dp.$D(\'d4321\',{d:3});}'})"/> </p> <p>前面的日期+3月零2天 不能大于 后面的日期 且 前面日期都不能大于 2020-4-3减去3月零2天 后面日期 不能大于 2020-4-3<br> 住店日期从<input type="text" class="Wdate" id="d4331" onFocus="WdatePicker({maxDate:'#F{$dp.$D(\'d4332\',{M:-3,d:-2})||$dp.$DV(\'2020-4-3\',{M:-3,d:-2})}'})"/> 到<input type="text" class="Wdate" id="d4332" onFocus="WdatePicker({minDate:'#F{$dp.$D(\'d4331\',{M:3,d:2});}',maxDate:'2020-4-3'})"/> </p> <p>发挥你的JS才能,定义任何你想要的日期限制<br> <script> //返回一个随机的日期 function randomDate(){ var Y = 2000 + Math.round(Math.random() * 10); var M = 1 + Math.round(Math.random() * 11); var D = 1 + Math.round(Math.random() * 27); return Y+'-'+M+'-'+D; } </script> <input type="text" class="Wdate" id="d434" onFocus="var date=randomDate();WdatePicker({minDate:date,maxDate:date})"/> </p> </div> <div class="my97"> <p>无效天 可以使用此功能禁用周日至周六所对应的日期,相关属性:disabledDays (0至6 分别代表 周日至周六) 禁用 周六 所对应的日期 <input id="d441" type="text" class="Wdate" onFocus="WdatePicker({disabledDays:[6]})"/> </p> <p> 禁用 周六 周日 所对应的日期 <input id="d441" type="text" class="Wdate" onFocus="WdatePicker({disabledDays:[0,6]})"/> </p> <p>无效日期 <br> 用法(正则匹配): <br>如果你熟悉正则表达式,会很容易理解下面的匹配用法 <br>如果不熟悉,可以参考下面的常用示例 <br>['2008-02-01','2008-02-29'] 表示禁用 2008-02-01 和 2008-02-29 <br>['2008-..-01','2008-02-29'] 表示禁用 2008-所有月份-01 和 2008-02-29 <br>['200[0-8]]-02-01','2008-02-29'] 表示禁用 [2000至2008]-02-01 和 2008-02-29 <br>['^2006'] 表示禁用 2006年的所有日期 <br>此外,您还可以使用 %y %M %d %H %m %s 等变量, 用法同动态日期限制 注意:%ld不能使用 <br>['....-..-01','%y-%M-%d'] 表示禁用 所有年份和所有月份的第一天和今天 <br>['%y-%M-{%d-1}','%y-%M-{%d+1}'] 表示禁用 昨天和明天 <br>当然,除了可以限制日期以外,您还可以限制时间 <br>['....-..-.. 10\:00\:00'] 表示禁用 每天10点 (注意 : 需要 使用 \: ) </p> </div> <div class="my97"> <p>禁用 每个月份的 5日 15日 25日 <input id="d451" type="text" class="Wdate" onFocus="WdatePicker({disabledDates:['5$']})"/> </p> <p>禁用 所有早于2000-01-01的日期 <input id="d452" type="text" class="Wdate" onFocus="WdatePicker({disabledDates:['^19']})"/> </p> <p>配合min/maxDate使用,可以把可选择的日期分隔成多段 <input id="d453" type="text" class="Wdate" onFocus="WdatePicker({minDate:'%y-%M-01',maxDate:'%y-%M-%ld',disabledDates:['0[4-7]$','1[1-5]$','2[58]$']})"/> </p> <p>禁用前一个小时和后一个小时内所有时间 使用 %y %M %d %H %m %s 等变量<br> <input id="d2a25" type="text" class="Wdate" onFocus="WdatePicker({dateFmt:'yyyy-MM-dd HH:mm:ss',disabledDates:['%y-%M-%d {%H-1}\:..\:..','%y-%M-%d {%H+1}\:..\:..']})"/> </p> <p>#F{}也是可以使用的 <script> function randomH(){ //产生一个随机的数字 0-23 var H = Math.round(Math.random() * 23); if(H<10) H='0'+H; //返回 '^' + 数字 return '^'+H; } </script> <input type="text" class="Wdate" id="d456" onFocus="WdatePicker({dateFmt:'HH:mm:ss',disabledDates:['#F{randomH()}']})"/> </p> </div> <div class="my97"> <p>有效日期 只启用 每个月份的 5日 15日 25日 <input id="d46" type="text" class="Wdate" onFocus="WdatePicker({opposite:true,disabledDates:['5$']})"/> </p> <p>高亮每周 周一 周五 <input id="d471" type="text" class="Wdate" onFocus="WdatePicker({specialDays:[1,5]})"/> </p> <p>高亮每月 1号 15号 <input id="d472" type="text" class="Wdate" onFocus="WdatePicker({specialDates:['....-..-01','....-..-15']})"/> </p> </div> <div class="my97"> <p>自定义事件 onpicking事件演示 <input type="text" id="5421" onFocus="WdatePicker({onpicking:function(dp){if(!confirm('日期框原来的值为: '+dp.cal.getDateStr()+', 要用新选择的值:' + dp.cal.getNewDateStr() + '覆盖吗?')) return true;}})" class="Wdate"/> </p> <p>使用onpicked实现日期选择联动 选择第一个日期的时候,第二个日期选择框自动弹出 <input id="d5221" class="Wdate" type="text" onFocus="var d5222=$dp.$('d5222');WdatePicker({onpicked:function(){d5222.focus();},maxDate:'#F{$dp.$D(\'d5222\')}'})"/> 至<input id="d5222" class="Wdate" type="text" onFocus="WdatePicker({minDate:'#F{$dp.$D(\'d5221\')}'})"/> </p> <p>将选择的值拆分到文本框 <input type="text" id="hdate" size="5"/> 年 <input type="text" id="d523_M" size="3"/> 月 <input type="text" id="d523_d" size="3"/> 日 <input type="text" id="d523_HH" size="3"/> 时 <input type="text" id="d523_mm" size="3"/> 分 <input type="text" id="d523_ss" size="3"/> 秒 <img onclick="WdatePicker({el:'hdate',dateFmt:'yyyy-MM-dd HH:mm:ss',onpicked:pickedFunc})" src="My97DatePickerBeta/My97DatePicker/skin/datePicker.gif" width="16" height="22" align="absmiddle" style="cursor:pointer"/> <script> function pickedFunc(){ $dp.$('hdate').value=$dp.cal.getP('y'); $dp.$('d523_M').value=$dp.cal.getP('M'); $dp.$('d523_d').value=$dp.cal.getP('d'); $dp.$('d523_HH').value=$dp.cal.getP('H'); $dp.$('d523_mm').value=$dp.cal.getP('m'); $dp.$('d523_ss').value=$dp.cal.getP('s'); } </script> </p> </div> <div class="my97"> <p>使用onclearing事件取消清空操作 <input type="text" class="Wdate" id="d531" onFocus="WdatePicker({onclearing:function(){if(!confirm('日期框的值为:'+this.value+', 确实要清空吗?'))return true;}})"/> </p> <p>使用cal对象取得当前日期所选择的月份(使用了 dp.cal) <input type="text" class="Wdate" id="d532" onFocus="WdatePicker({oncleared:function(dp){alert('当前日期所选择的月份为:'+dp.cal.date.M);}})"/> </p> <p>综合使用两个事件 <script> function d533_focus(element){ var clearingFunc = function(){ if(!confirm('日期框的值为:'+this.value+', 确实要清空吗?')) return true; } var clearedFunc = function(){ alert('日期框已被清空'); } WdatePicker({el:element,onclearing:clearingFunc,oncleared:clearedFunc}) } </script> <input type="text" class="Wdate" id="d533" onFocus="d533_focus(this)"/> </p> <p>年月日改变时弹出信息 <input type="text" class="Wdate" onFocus="WdatePicker({dchanging:cDayFunc, Mchanging:cMonthFunc, ychanging:cYearFunc, dchanged:cDayFunc, Mchanged:cMonthFunc, ychanged:cYearFunc})"/> <script> function cDayFunc(){ cFunc('d'); } function cMonthFunc(){ cFunc('M'); } function cYearFunc(){ cFunc('y'); } function cFunc(who){ var str,p,c = $dp.cal; if(who=='y'){ str='年份'; p='y'; }else if(who=='M'){ str='月份'; p='M'; }else if(who=='d'){ str='日期'; p='d'; } alert(str+'发生改变了!\n$dp.cal.date.'+p+'='+c.date[p]+'\n$dp.cal.newdate.'+p+'='+c.newdate[p]); } </script> </p> </div> </body> </html>
发表评论
-
java json-lib & jQuery & jsonp
2016-06-30 11:31 834参考链接: 1、http://hanqunfeng.iteye ... -
JavaScript异步编程学习
2016-06-19 14:59 798一 JavaScript学习资源 1、Reg Braithwa ... -
jQuery图表(jqPlot,Highcharts)
2012-05-18 00:48 23572jQuery图表在http://www.oschina.net ... -
JavaScript中的arguments,callee,caller,call,appy [备忘]
2012-05-08 23:13 1629转载:JavaScript中的argume ... -
IE,FF获取文件绝对路径方法
2012-03-25 23:30 4997参考资料 1 解决Firefox3,IE7,IE8上传图片预览 ... -
jQuery之实战(checkbox,table)
2011-08-19 16:22 3830实现功能如下:参考图片 1 页面加载时效果 2 全选效果 ... -
jQuery之checkbox(复选框)
2011-08-18 17:06 2112业务需求:经常在用户登记中有这样的东西,只选择其中一项或者多项 ... -
jQuery之radio(单选)
2011-08-18 15:41 2466页面代码如下: <inpu ... -
jQuery之DOM
2011-08-17 14:45 1486参考资料 1 跳蚤的小窝:)jQuery对象和DOM对象【jQ ... -
jQuery之入门(ready)
2011-08-17 11:46 2126参考资料 1 jquery $(document).ready ... -
IE下调试JS的小工具-CompanionJS
2011-08-02 13:12 1922参考资料 1 推荐一个IE下调试JS的小工具-Companio ... -
Frameset导致Cookies和Session丢失的原因及解决办法
2011-07-25 12:28 4377参考资料 1 Frameset导致Cookies和Sessio ... -
js获取html元素宽度的思考
2011-04-13 17:17 2508转载: js获取html元素宽度的思考 http://blog ... -
iframe自适应,跨域,JS的document.domain
2011-04-13 17:10 4767转载:iframe自适应,跨域 ... -
MIME帮助手册
2011-04-13 17:06 1397转载:MIME帮助手册 http://www.cnblogs ... -
Javascript:通用不间断滚动&省、市、地区联动选择JS封装类
2011-04-13 12:40 3602通用不间断滚动JS封装类&省、市、地区联动选择JS封装 ... -
JS:表格排序
2011-03-24 15:09 2829参考资料 js的table排序,支持多浏览器,多列同时排序,自 ... -
JavaScript CSS Style属性对照表
2011-03-14 16:41 1457转载:JavaScript CSS Style属 ... -
国人:JSON-RPC之初识
2011-03-14 15:20 3821相关链接 1 json-rpc-for-java http:/ ... -
HTML A标记事件写法
2011-01-05 17:24 2923HTML A标记事件写法 出现状况:点击A标记事件后,整个框 ...
相关推荐
My97DatePicker是一款广泛使用的JavaScript日期选择器控件,它为网页中的日期输入提供了便捷的交互体验。这个控件以其高效、易用和高度可定制性而受到开发者的青睐。在网页开发中,日期选择器通常用于用户输入日期时...
My97DatePicker目录是一个整体,不可破坏里面的目录结构,也不可对里面的文件改名,可以改目录名 My97DatePicker.htm是必须文件,不可删除 各目录及文件的用途: WdatePicker.js 配置文件,在调用的地方仅需使用该文件 ...
总结起来,MY97DatePicker凭借其优秀的特性和广泛的适用性,成为了前端开发中常用的日期选择器组件之一。无论是简单的个人项目还是复杂的商业应用,MY97DatePicker都能提供强大而灵活的支持,帮助开发者快速实现日期...
My97DatePicker是一款在中国广泛应用的JavaScript日期选择控件,它为网页开发者提供了强大的日期输入功能。这款控件以其丰富的自定义选项、良好的兼容性和用户体验而备受赞誉。在本文中,我们将深入探讨My97...
【My97DatePicker使用 日期获取】 My97 DatePicker是一款非常流行的JavaScript日期选择插件,尤其在Web开发中被广泛使用。它提供了丰富的自定义功能和友好的用户界面,使得在网页上处理日期输入变得更加简单。本文...
My97DatePicker是一款在中国广泛应用的JavaScript日期选择器插件,尤其在Web开发中,它以其强大的功能和良好的用户体验而受到青睐。在这个特定的场景中,我们关注的是如何利用My97DatePicker来实现选择季度的功能。 ...
My97DatePicker 选择季度功能完整可用版本,直接打开文件即可使用 My97DatePicker 选择季度功能完整可用版本,直接打开文件即可使用 My97DatePicker 选择季度功能完整可用版本,直接打开文件即可使用 My97DatePicker...
My97 DatePicker 4.8 官方标准资源 在页面中引入该组件js文件即可: <script type="text/JavaScript" src="My97DatePicker/WdatePicker.js"></script>
一款很不错的基于JavaScript的日期控件——My97DatePicker,这是官方早两天更新修正的最新版本 v4.7 ,去掉了原有包中一些无用文件。本JS日历使用者非常多,因为其功能比较多,它可以定义多种形式的调用方法:比如...
《My97DatePicker:网页时间插件的深度解析与应用》 在网页开发中,日期和时间的选择常常是一项必不可少的功能,而My97 DatePicker则是一款高效、易用且功能丰富的JavaScript时间插件,专为网页设计者提供日期选择...
总的来说,My97 DatePicker凭借其强大的功能、良好的兼容性、丰富的定制选项以及易于集成的特点,成为了前端开发中常用的日期选择插件。无论你是新手还是经验丰富的开发者,都可以轻松上手并利用它提升项目的时间...
My97DatePicker是一款广泛使用的JavaScript日期选择插件,它为jsp页面提供了一种方便、美观的日期选取方式。然而,在实际应用中,可能会遇到“无法打开站点”的问题,这可能是由多种原因引起的。以下我们将详细探讨...
《My97DatePicker4.0:JavaScript日历控件的高效解决方案》 在网页开发中,日期选择器是一个常见的交互元素,它为用户提供了一个方便的方式来输入或选择日期。My97DatePicker4.0是一个高性能的JavaScript日历控件,...
My97DatePicker安装包My97DatePicker安装包My97DatePicker安装包My97DatePicker安装包
My97DatePicker是一款广泛应用于Web开发中的JavaScript时间日期选择插件,它为用户提供了便捷的日期选择界面,极大地提高了用户体验。这款控件以其强大的功能、灵活的配置选项以及良好的兼容性,深受开发者喜爱。 ...
My97DatePicker是一款广泛应用于网页开发中的JavaScript日期选择器控件,它的版本4.7.2在业内得到了广泛应用。这个控件以其强大的功能、灵活的定制性和良好的用户体验而备受青睐。接下来,我们将深入探讨My97...
《My97DatePicker:高效易用的Web时间控件详解》 在网页开发中,时间控件是不可或缺的一部分,它能够提供用户友好的日期选择体验,使得数据输入更加方便快捷。My97 DatePicker是一款广受好评的时间控件,它不仅支持...