My97DatePicker（WdatePicker）日期控件用法

已于 2022-12-02 16:51:20 修改
阅读量1.5w 收藏 2
点赞数
分类专栏： 前端技术 文章标签： WdatePicker my97
于 2018-10-30 11:47:38 首次发布
原文链接：https://blog.csdn.net/qq_34755766/article/details/83539556
版权 
<code class="language-html">WdatePicker[html] view plain copy print?
<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="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="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" onfocus="WdatePicker({minDate:'%y-%M-{%d+1}'})"/>  
<br/>  
<br/>  
<font color="blue">只能选择本月日期的第一天到最后一天</font>  
<br/>  
<input type="text" onfocus="WdatePicker({minDate:'%y-%M-01', maxDate:'%y-%M-%ld'})"/>  
<br/>  
<br/>  
<font color="blue">只能选择今天10:20至明天14:28的日期</font>  
<br/>  
<input type="text" onfocus="WdatePicker({dateFmt:'yyyy-MM-dd HH:mm', minDate:'%y-%M-%d 10:20', maxDate:'%y-%M-{%d+1} 14:28'})"/>  
<br/>  
<br/>  
<font color="blue">只能选择20个小时前到30个小时后的日期(这里使用了My97DatePicker的运算表达式)</font>  
<br/>  
<input 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'})"/>  
<br/>  
<br/>  
<font color="blue">后面的日期大于前面的日期，且两个日期都不能大于2020-10-01</font>  
<br/>  
<input type="text" id="date01" onFocus="WdatePicker({maxDate:'#F{$dp.$D(\'date02\')||\'2020-10-01\'}'})"/>  
到  
<input type="text" id="date02" onFocus="WdatePicker({minDate:'#F{$dp.$D(\'date01\')}', maxDate:'2020-10-01'})"/>  
<br/>  
<br/>  
<font color="blue">后面的日期最少要比前面的日期大3天</font>  
<br/>  
<input type="text" id="date03" onFocus="WdatePicker({maxDate:'#F{$dp.$D(\'date04\',{d:-3});}'})"/>  
到  
<input type="text" id="date04" onFocus="WdatePicker({minDate:'#F{$dp.$D(\'date03\',{d:3});}'})"/>  
<br/>  
<br/>  
<font color="blue">禁用周六日</font>  
<br/>  
<input type="text" onFocus="WdatePicker({disabledDays:[0,6]})"/>  
<br/>  
<br/>  
<font color="blue">禁用每月的5日15日25日('5$'表示以5结尾)</font>  
<br/>  
<input type="text" onFocus="WdatePicker({disabledDates:['5$']})"/>  
<br/>  
<br/>  
<font color="blue">禁用所有早于2000-01-01的日期('^19'表示以19开头，可用minDate实现类似功能，这里主要是演示^的用法)</font>  
<br/>  
<input type="text" onFocus="WdatePicker({disabledDates:['^19']})"/>  
<br/>  
<br/>  
<font color="blue">将本月可用日期分隔成五段，分别是: 1-3、8-10、16-24、26、27、29到月末</font>  
<br/>  
<input type="text" onFocus="WdatePicker({minDate:'%y-%M-01', maxDate:'%y-%M-%ld', disabledDates:['0[4-7]$','1[1-5]$','2[58]$']})"/>  
<br/>  
<br/>  
<font color="blue">将本月可用日期分隔成五段，分别是: 1-3、8-10、16-24、26、27、29到月末，并禁用每个周一、三、六</font>  
<br/>  
<input type="text" onFocus="WdatePicker({minDate:'%y-%M-01', maxDate:'%y-%M-%ld', disabledDates:['0[4-7]$','1[1-5]$','2[58]$'], disabledDays:[1,3,6]})"/>  
<br/>  
<br/>  
<font color="blue">禁用前一个小时和后一个小时内所有时间(鼠标点击日期输入框时，你会发现当前时间对应的前一个小时和后一个小时是灰色的)</font>  
<br/>  
<input type="text" onFocus="WdatePicker({dateFmt:'yyyy-MM-dd HH:mm', disabledDates:['%y-%M-%d {%H-1}\:..\:..','%y-%M-%d {%H+1}\:..\:..']})"/>   
<br/>  
<br/>  
<form action="servlet/DatePickerServlet" method="POST">  
    <font color="blue">  
        只能选择7天以内日期(包括今天)<br/>  
        注意：假设用户先选择后面日期为后天，然后再选择前面日期，此时前面日期允许选择今天以前的5天<br/>  
        注意：这是为了将来的编辑用途(比方说这俩日期是一个活动的起止日期，用户有权在发布活动后回来修改日期)  
    </font>  
    <br/>  
    <input type="text" id="startTime" name="startTime" onFocus="WdatePicker({isShowClear:false, readOnly:true, dateFmt:'yyyy-MM-dd HH:mm', maxDate:'#F{$dp.$D(\'endTime\')}', minDate:'#F{$dp.$D(\'endTime\',{d:-7})||\'%y-%M-%d\'}'})"/>  
    到  
    <input type="text" id="endTime" name="endTime" onFocus="WdatePicker({isShowClear:false, readOnly:true, dateFmt:'yyyy-MM-dd HH:mm', minDate:'#F{$dp.$D(\'startTime\')}', maxDate:'#F{$dp.$D(\'startTime\',{d:7});}'})"/>  
    <br/>  
    <br/>  
    <input type="submit" value="提交活动日期到服务器">  
</form>  [html] view plain copy print?
<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="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="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" onfocus="WdatePicker({minDate:'%y-%M-{%d+1}'})"/>  
<br/>  
<br/>  
<font color="blue">只能选择本月日期的第一天到最后一天</font>  
<br/>  
<input type="text" onfocus="WdatePicker({minDate:'%y-%M-01', maxDate:'%y-%M-%ld'})"/>  
<br/>  
<br/>  
<font color="blue">只能选择今天10:20至明天14:28的日期</font>  
<br/>  
<input type="text" onfocus="WdatePicker({dateFmt:'yyyy-MM-dd HH:mm', minDate:'%y-%M-%d 10:20', maxDate:'%y-%M-{%d+1} 14:28'})"/>  
<br/>  
<br/>  
<font color="blue">只能选择20个小时前到30个小时后的日期(这里使用了My97DatePicker的运算表达式)</font>  
<br/>  
<input 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'})"/>  
<br/>  
<br/>  
<font color="blue">后面的日期大于前面的日期，且两个日期都不能大于2020-10-01</font>  
<br/>  
<input type="text" id="date01" onFocus="WdatePicker({maxDate:'#F{$dp.$D(\'date02\')||\'2020-10-01\'}'})"/>  
到  
<input type="text" id="date02" onFocus="WdatePicker({minDate:'#F{$dp.$D(\'date01\')}', maxDate:'2020-10-01'})"/>  
<br/>  
<br/>  
<font color="blue">后面的日期最少要比前面的日期大3天</font>  
<br/>  
<input type="text" id="date03" onFocus="WdatePicker({maxDate:'#F{$dp.$D(\'date04\',{d:-3});}'})"/>  
到  
<input type="text" id="date04" onFocus="WdatePicker({minDate:'#F{$dp.$D(\'date03\',{d:3});}'})"/>  
<br/>  
<br/>  
<font color="blue">禁用周六日</font>  
<br/>  
<input type="text" onFocus="WdatePicker({disabledDays:[0,6]})"/>  
<br/>  
<br/>  
<font color="blue">禁用每月的5日15日25日('5$'表示以5结尾)</font>  
<br/>  
<input type="text" onFocus="WdatePicker({disabledDates:['5$']})"/>  
<br/>  
<br/>  
<font color="blue">禁用所有早于2000-01-01的日期('^19'表示以19开头，可用minDate实现类似功能，这里主要是演示^的用法)</font>  
<br/>  
<input type="text" onFocus="WdatePicker({disabledDates:['^19']})"/>  
<br/>  
<br/>  
<font color="blue">将本月可用日期分隔成五段，分别是: 1-3、8-10、16-24、26、27、29到月末</font>  
<br/>  
<input type="text" onFocus="WdatePicker({minDate:'%y-%M-01', maxDate:'%y-%M-%ld', disabledDates:['0[4-7]$','1[1-5]$','2[58]$']})"/>  
<br/>  
<br/>  
<font color="blue">将本月可用日期分隔成五段，分别是: 1-3、8-10、16-24、26、27、29到月末，并禁用每个周一、三、六</font>  
<br/>  
<input type="text" onFocus="WdatePicker({minDate:'%y-%M-01', maxDate:'%y-%M-%ld', disabledDates:['0[4-7]$','1[1-5]$','2[58]$'], disabledDays:[1,3,6]})"/>  
<br/>  
<br/>  
<font color="blue">禁用前一个小时和后一个小时内所有时间(鼠标点击日期输入框时，你会发现当前时间对应的前一个小时和后一个小时是灰色的)</font>  
<br/>  
<input type="text" onFocus="WdatePicker({dateFmt:'yyyy-MM-dd HH:mm', disabledDates:['%y-%M-%d {%H-1}\:..\:..','%y-%M-%d {%H+1}\:..\:..']})"/>   
<br/>  
<br/>  
<form action="servlet/DatePickerServlet" method="POST">  
    <font color="blue">  
        只能选择7天以内日期(包括今天)<br/>  
        注意：假设用户先选择后面日期为后天，然后再选择前面日期，此时前面日期允许选择今天以前的5天<br/>  
        注意：这是为了将来的编辑用途(比方说这俩日期是一个活动的起止日期，用户有权在发布活动后回来修改日期)  
    </font>  
    <br/>  
    <input type="text" id="startTime" name="startTime" onFocus="WdatePicker({isShowClear:false, readOnly:true, dateFmt:'yyyy-MM-dd HH:mm', maxDate:'#F{$dp.$D(\'endTime\')}', minDate:'#F{$dp.$D(\'endTime\',{d:-7})||\'%y-%M-%d\'}'})"/>  
    到  
    <input type="text" id="endTime" name="endTime" onFocus="WdatePicker({isShowClear:false, readOnly:true, dateFmt:'yyyy-MM-dd HH:mm', minDate:'#F{$dp.$D(\'startTime\')}', maxDate:'#F{$dp.$D(\'startTime\',{d:7});}'})"/>  
    <br/>  
    <br/>  
    <input type="submit" value="提交活动日期到服务器">  
</form>  </code>

转载：My97DatePicker（WdatePicker）日期控件用法_zhaoqg4919的博客-CSDN博客

雁南飞渡
关注
专栏目录
My97DatePicker日期控件使用说明及相关属性配置
Log-PS
04-18 1091
 My97DatePicker是一款非常灵活好用的日期控件。使用非常简单，下面是梳理的日期控件。 一、My97DatePicker应用1、下载My97DatePicker组件包 2、在页面中引入该组件js文件：     &lt;script type="text/javascript" src="My97DatePicker/WdatePicker.js"&gt;&lt;/script&gt; 3...
WdatePicker 日期联动选择（起始时间两者关系）
hgg923的专栏
06-15 2045
场景：效果如下，选择区间 话不多说上关键代码： 要的就是效率…………biubiu <tr> <th>时间周期<span style="color:red;">&nbsp;※&nbsp;</span></th> <td colspan="3"> <input class="easyu...
My97DatePicker包(WdatePicker.js文件加了详细备注)
12-11
My97DatePicker目录是一个整体,不可破坏里面的目录结构,也不可对里面的文件改名,可以改目录名 My97DatePicker.htm是必须文件,不可删除(4.8以后不存在此文件) 各目录及文件的用途: WdatePicker.js 配置文件,在调用的地方仅需使用该文件,可多个共存,以xx_WdatePicker.js方式命名 config.js 语言和皮肤配置文件,无需引入(4.8以后合并入WdatePicker.js) calendar.js 日期库主文件,无需引入 My97DatePicker.htm 临时页面文件,不可删除(4.8以后不存在此文件) 目录lang 存放语言文件,你可以根据需要清理或添加语言文件 目录skin 存放皮肤的相关文件,你可以根据需要清理或添加皮肤文件包 当WdatePicker.js里的属性:$wdate=true时,在input里加上class="Wdate"就会在选择框右边出现日期图标,如果您不喜欢这个样式,可以把class="Wdate"去掉,另外也可以通过修改skin目录下的WdatePicker.css文件来修改样式
My97DatePicker基本用法
热门推荐
java爱好者
12-11 10万+
My97DatePicker是一款非常灵活好用的日期控件。使用非常简单。  1、下载My97DatePicker组件包  2、在页面中引入该组件js文件：        3、例子 My97DatePicker日期控件使用 My97DatePicker日期控件的使用 基本用法：
My97DatePicker
weixin_30872499的博客
07-14 2766
1. 简介 目前的版本是:4.0 Prerelease 发布于2008-04-02 2. 注意事项 My97DatePicker目录是一个整体,不可破坏里面的目录结构,也不可对里面的文件改名,可以改目录名 My97DatePicker.htm是必须文件,不可删除 各目录及文件的用途: WdatePicker.js 配置文件,在调用的地方仅需使用...
My97DatePicker日期控件插件
09-22
使用方法如下： 1、先引用该日期控件的JS <script src="My97DatePicker/WdatePicker.js" type="text/javascript"</script> 2、textbox的onclick事件调用一下JS的方法即可 <asp:TextBox ID="txtDate" onClick="WdatePicker()" runat="server" Width="150px" ></asp:TextBox>
日期控件My97DatePicker的使用
02-08
在本文中，我们将深入探讨My97DatePicker的使用方法，以及如何在项目中集成和定制这个控件。 1. **安装与引入** My97DatePicker通常以JavaScript文件的形式提供，如在提供的压缩包中`My97DatePicker4.7.2`可能包含...
ASP.NET使用My97DatePicker日期控件实例
10-22
在页面的部分，我们创建了三个不同的控件，分别示范了My97DatePicker的不同用法。第一个控件展示了如何通过onClick事件触发WdatePicker；第二个控件则展示了如何通过点击一个图片按钮来触发日期选择器；而第三个控件...
利用my97datepicker实现日期控件
04-15
在本文中，我们将深入探讨如何利用My97DatePicker实现日期控件，并了解其主要特性和使用方法。 1. **基本使用** 首先，你需要在HTML页面中引入My97DatePicker的CSS和JavaScript文件。通常，这两个文件位于你下载的...
My97 DatePicker 4.8 Release（日期控件，最新纯净正版）
02-07
My97DatePicker是一款非常好用的日期控件，具备功能如:带时间显示,快速选择日期，支持周显示,自定义格式,自动纠错,智能纠错,起始日期,操作按钮自定义,支持多种调用模式等等。它在这些方面做得非常全面,人性化,而且速度一流.
My97 DatePicker My97日期控件 4.8正式版
07-03
功能相当强大 更人性化,更全面的功能 大部分日期控件都具备功能如:带时间显示,支持周显示,自定义格式,自动纠错,智能纠错,起始日期,操作按钮自定义,快速选择日期,支持多种调用模式等,My97DatePicker在这些方面做得更全面,更人性化,并且速度一流. 2.强大的日期范围限制功能 支持静态限制,动态限制,脚本自定义限制,以及无效天和无效日期功能,利用这样功能你可以任意定制不能选择的日期,这些日期即使毫无规律,毫无连续性,你也可以通过这些功能的组合使用轻松搞定. 3.自定义事件和丰富的API库 如果你需要做一些附加的操作,你也不必担心,日期控件自带的自定义事件可以满足你的需求.此外,你还可以在自定义事件中调用提供的API库来做更多的运算和扩展,绝对可以通过很少的代 码满足你及其个性化的需求. 4.多语言支持和自定义皮肤支持 通过lang属性,可以为每个日期控件单独配置语言,当然也可以通过WdatePicker.js配置全局的语言,皮肤也是一样,只要配置skin属性即可.这样一个页面中可以显示多种语言,多种皮肤的日期控件,更棒的是,他们之间的切换是无刷新的. 5.跨无限级框架显示和自动选择显示位置 无论你把日期控件放在哪里,你都不需要担心会被外层的iframe所遮挡进而影响客户体验,My97日期控件是可以跨无限级框架显示的,并且当控件处在页面边界是,它会自动选择显示的位置.此外你还可以使用position参数对弹出位置做调整.
jsp页面使用My97DatePicker日历控件就经常出现无法打开站点
03-19
My97DatePicker是一款广泛使用的JavaScript日期选择插件，它为jsp页面提供了一种方便、美观的日期选取方式。然而，在实际应用中，可能会遇到“无法打开站点”的问题，这可能是由多种原因引起的。以下我们将详细探讨...
JS日历插件 - My97 DatePicker用法详解
dengla6847的博客
06-04 825
一、简介 1. 注意事项 （1）My97DatePicker目录是一个整体,不可破坏里面的目录结构,也不可对里面的文件改名,可以改目录名； （2）各目录及文件的用途: WdatePicker.js 配置文件,在调用的地方仅需使用该文件,可多个共存,以xx_WdatePicker.js方式命名 config.js 语言和皮肤配置文件,无需引入(4....
My97DatePicker日期控件的用法
u011935772的专栏
06-01 558
My97DatePicker日期控件的简单使用，我这里就是使用日期控件作为查询条件
一个很好的时间日期插件用法
经验在于积累而不在于年限---dreamboycx
01-10 822
my97日期插件是一个非常好用、功能非常强大的日期控件，简单示例如下： 日期范围限制 静态限制 注意:日期格式必须与 realDateFmt 和 realTimeFmt 一致而不是与 dateFmt 一致 你可以给通过配置minDate(最小日期),maxDate(最大日期)为静态日期值,来限定日期的范围 示例4-1-1 限制日期的范围是 2006-09-10到2008-
JQuery日历插件My97DatePicker日期范围限制
kunkun378263的专栏
01-19 877
My97DatePicker是一个非常优秀的日历插件，不仅支持多种调用模式，还支持日期范围限制。 常规的调用比较简单，如下所示：    1 input class="Wdate" id="d1" onclick="WdatePicker()" />  下面重点说明日期范围限制： 1）静态限制     你可
WdatePicker日历控件使用方法
weixin_30246221的博客
08-10 1297
1. 跨无限级框架显示 无论你把日期控件放在哪里,你都不需要担心会被外层的iframe所遮挡进而影响客户体验,因为My97日期控件是可以跨无限级框架显示的 示例2-7 跨无限级框架演示 可无限跨越框架iframe,无论怎么嵌套框架都不必担心了,即使有滚动条也不怕 2. 民国年日历和其他特殊日历 当年份格式设置为yyy格式时,利用年份差量属性yearOff...
My97datepicker使用方法
dengyidan4742的博客
09-17 271
My97DatePicker是一款非常灵活好用的日期控件。使用非常简单。1、下载My97DatePicker组件包2、在页面中引入该组件js文件： <script type="text/javascript" src="My97DatePicker/WdatePicker.js"></script>3、页面使用两个方式： 常规调用: &...
My97DatePicker设置日期范围限制教程
"这篇文章主要讲解了如何在JQuery日历插件My97DatePicker中设置日期范围限制，提供了多个示例来演示不同类型的限制方法。" 在开发网页时，经常需要使用日期选择功能，My97DatePicker是一款非常流行的JQuery日历插件...
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值