jquery easyUI 日期格式化,DateBox只显示年

来源:互联网 发布:mac强制卸载程序 编辑:程序博客网 时间:2024/05/19 13:19

jquery easyUI 日期格式化,DateBox只显示年

 

>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>.

蕃薯耀 2016年6月8日 17:13:32 星期三

http://fanshuyao.iteye.com/

 

一、问题描述
jquery easyui 本身不支持只显示年或只显示月份

 

二、解决方案:

1、增加格式化方法及解析方法

 formatter:yearFormatter,parser:yearParser

如下面所示:

Html代码  收藏代码
  1. <input class="easyui-datebox" id="planYear" name="planYear" data-options="required:true,formatter:yearFormatter,parser:yearParser" >  

 

2、增加 yearFormatter,yearParser的js方法

Js代码  收藏代码
  1. function yearFormatter(date){  
  2.     var y = date.getFullYear();  
  3.     var m = date.getMonth()+1;  
  4.     var d = date.getDate();  
  5.     return y;  
  6. };  
  7.   
  8. function yearParser(s){  
  9.     if (!s) return new Date();  
  10.     var y = s;  
  11.     var date;  
  12.     if (!isNaN(y)){  
  13.         return new Date(y,0,1);  
  14.     } else {  
  15.         return new Date();  
  16.     }  
  17. };  

 

这样就能成功只显示年份。只显示月份就可以参照只显示年份的做了。

 

但这样操作的话,超级麻烦,不利于用户体验,还是不要用了。

 

>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>.

蕃薯耀 2016年6月8日 17:13:32 星期三

http://fanshuyao.iteye.com/

原创粉丝点击