My97DatePicker（WdatePicker）日期控件用法

WdatePicker[html] view plain copy print?
 
  
 
 
 
 
  
 
常规调用(若想在文本框中尾部显示日期图标，可以设置)  

 
 

 

 
图标触发(此时只有点击图标才能弹出日期选择框)  

 
 
 

 

 
禁止清空(即用户选择完日期后，不能直接在文本框中按detele键删掉或清空，只能重新选择日期)  

 
 

 

 
自定义每周的第一天(4.6新增：设置周一为每周第一天)  

 
 

 

 
自定义日期显示格式(这里设置为yyyy-MM-dd HH:mm，这一点和Java相同，还可设置其它的如'yyyy年MM月')  

 
 

 

 
双月日历功能(4.6新增：可以同时弹出两个月的日历)  

 
 

 

 
限制日期范围为2013-09-14到2013-9-20  

 
 

 

 
限制日期范围为2013年9月到2013年10月  

 
 

 

 
限制日期范围为10:00:20到14:30:00  

 
 

 

 
限制日期范围为2013-9-14 10:30到2013-9-15 16:40  

 
 

 

 
只能选择今天以前的日期(包括今天)  

 
 

 

 
只能选择今天以后的日期(不包括今天)(这里使用了My97DatePicker的运算表达式)  

 
 

 

 
只能选择本月日期的第一天到最后一天  

 
 

 

 
只能选择今天10:20至明天14:28的日期  

 
 

 

 
只能选择20个小时前到30个小时后的日期(这里使用了My97DatePicker的运算表达式)  

 
 

 

 
后面的日期大于前面的日期，且两个日期都不能大于2020-10-01  

 
 
到  
 

 

 
后面的日期最少要比前面的日期大3天  

 
 
到  
 

 

 
禁用周六日  

 
 

 

 
禁用每月的5日15日25日('5$'表示以5结尾)  

 
 

 

 
禁用所有早于2000-01-01的日期('^19'表示以19开头，可用minDate实现类似功能，这里主要是演示^的用法)  

 
 

 

 
将本月可用日期分隔成五段，分别是: 1-3、8-10、16-24、26、27、29到月末  

 
 

 

 
将本月可用日期分隔成五段，分别是: 1-3、8-10、16-24、26、27、29到月末，并禁用每个周一、三、六  

 
 

 

 
禁用前一个小时和后一个小时内所有时间(鼠标点击日期输入框时，你会发现当前时间对应的前一个小时和后一个小时是灰色的)  

 
  

 

 

 
     
        只能选择7天以内日期(包括今天)
 
        注意：假设用户先选择后面日期为后天，然后再选择前面日期，此时前面日期允许选择今天以前的5天
 
        注意：这是为了将来的编辑用途(比方说这俩日期是一个活动的起止日期，用户有权在发布活动后回来修改日期)  
     
   
 
     
    到  
     
   
 
   
 
     

 [html] view plain copy print?
 
  
 
 
 
 
  
 
常规调用(若想在文本框中尾部显示日期图标，可以设置)  

 
 

 

 
图标触发(此时只有点击图标才能弹出日期选择框)  

 
 
 

 

 
禁止清空(即用户选择完日期后，不能直接在文本框中按detele键删掉或清空，只能重新选择日期)  

 
 

 

 
自定义每周的第一天(4.6新增：设置周一为每周第一天)  

 
 

 

 
自定义日期显示格式(这里设置为yyyy-MM-dd HH:mm，这一点和Java相同，还可设置其它的如'yyyy年MM月')  

 
 

 

 
双月日历功能(4.6新增：可以同时弹出两个月的日历)  

 
 

 

 
限制日期范围为2013-09-14到2013-9-20  

 
 

 

 
限制日期范围为2013年9月到2013年10月  

 
 

 

 
限制日期范围为10:00:20到14:30:00  

 
 

 

 
限制日期范围为2013-9-14 10:30到2013-9-15 16:40  

 
 

 

 
只能选择今天以前的日期(包括今天)  

 
 

 

 
只能选择今天以后的日期(不包括今天)(这里使用了My97DatePicker的运算表达式)  

 
 

 

 
只能选择本月日期的第一天到最后一天  

 
 

 

 
只能选择今天10:20至明天14:28的日期  

 
 

 

 
只能选择20个小时前到30个小时后的日期(这里使用了My97DatePicker的运算表达式)  

 
 

 

 
后面的日期大于前面的日期，且两个日期都不能大于2020-10-01  

 
 
到  
 

 

 
后面的日期最少要比前面的日期大3天  

 
 
到  
 

 

 
禁用周六日  

 
 

 

 
禁用每月的5日15日25日('5$'表示以5结尾)  

 
 

 

 
禁用所有早于2000-01-01的日期('^19'表示以19开头，可用minDate实现类似功能，这里主要是演示^的用法)  

 
 

 

 
将本月可用日期分隔成五段，分别是: 1-3、8-10、16-24、26、27、29到月末  

 
 

 

 
将本月可用日期分隔成五段，分别是: 1-3、8-10、16-24、26、27、29到月末，并禁用每个周一、三、六  

 
 

 

 
禁用前一个小时和后一个小时内所有时间(鼠标点击日期输入框时，你会发现当前时间对应的前一个小时和后一个小时是灰色的)  

 
  

 

 

 
     
        只能选择7天以内日期(包括今天)
 
        注意：假设用户先选择后面日期为后天，然后再选择前面日期，此时前面日期允许选择今天以前的5天
 
        注意：这是为了将来的编辑用途(比方说这俩日期是一个活动的起止日期，用户有权在发布活动后回来修改日期)  
     
   
 
     
    到  
     
   
 
   
 
     

 

原文：https://blog.csdn.net/zqg4919/article/details/74719699