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

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

http://fanshuyao.iteye.com/

一、问题描述

jquery easyui 本身不支持只显示年或只显示月份

二、解决方案：

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

formatter:yearFormatter,parser:yearParser

如下面所示：

<input class="easyui-datebox" id="planYear" name="planYear" data-options="required:true,formatter:yearFormatter,parser:yearParser" >

2、增加 yearFormatter,yearParser的js方法

function yearFormatter(date){
    var y = date.getFullYear;
    var m = date.getMonth+1;
    var d = date.getDate;
    return y;
};

function yearParser(s){
    if (!s) return new Date;
    var y = s;
    var date;
    if (!isNaN(y)){
    	return new Date(y,0,1);
    } else {
    	return new Date;
    }
};

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

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