JavaScript-Tool：my97datepicker

ylbtech-JavaScript-Tool：my97datepicker

1.返回顶部

1、

2、下载

https://files.cnblogs.com/files/storebook/javascript_tool_my97datepicker.rar

3、

2.返回顶部

1、显示样式

WdatePicker({ dateFmt: 'yyyy年'});

2、

WdatePicker({ dateFmt: 'yyyy年MM月'});

3、

WdatePicker({ dateFmt: 'yyyy年MM月dd日'});

4、

3.返回顶部

1、

1. 先来最简单的配置方法：

   （1）下载WdatePicker.js（包括lang和skin文件夹）。

   （2）在html页面中导入WdatePicker.js。

   （3）在输入框input元素上加入class="Wdate" onFocus="WdatePicker({lang:'zh-cn'})"代码。

   （4）打开页面查看效果。

   
2. 2

   上面的代码截图：

   
3. 3

   下面详细讲解它的各种常用功能。

4. 4

   显示年：dateFmt:'yyyy'

   

   
5. 5

   显示年月：dateFmt:'yyyyMM'

   

   
6. 6

   显示年月日：dateFmt:'yyyyMMdd'

   

   
7.  

   显示年月日时分秒：dateFmt:'yyyyMMdd HH:mm:ss'

   

   
8.  

   格式化:年月日时分秒：dateFmt:'yyyy年MM月dd日 HH时:mm分:ss秒'

   

   
9.  

   设置只读：readOnly:true

   

   
10.  

    隐藏清空按钮：isShowClear:false

    

    
11.  

    设置今天为最小日期：minDate:new Date()

    

    
12.  

    设置今天为最大日期：maxDate:new Date()

    

    
13.  

    设置明天为最小日期：minDate:'%y-%M-{%d+1}'

    

    
14.  

    只能选择本月第一天到最后一天：minDate:'%y-%M-01',maxDate:'%y-%M-%ld'

    

    
15.  

    开始日期不能大于结束日期，且都不能大于今天：

    开始日期-maxDate:'#F{$dp.$D(\'endDate\')||\'new Date()\'}'

    结束日期-minDate:'#F{$dp.$D(\'startDate\')}',maxDate:new Date()

    

    

    
16.  

    设置显示周：

    

    

2、

4.返回顶部

 

5.返回顶部

0、

http://my97.net/demo/index.htm

1、

https://jingyan.baidu.com/article/e6c8503c7244bae54f1a18c7.html

2、

 

6.返回顶部

 

作者：ylbtech 出处：http://ylbtech.cnblogs.com/ 本文版权归作者和博客园共有，欢迎转载，但未经作者同意必须保留此段声明，且在文章页面明显位置给出原文连接，否则保留追究法律责任的权利。