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

最新推荐文章于 2023-10-12 11:27:02 发布

蕃薯耀

最新推荐文章于 2023-10-12 11:27:02 发布

阅读量268

点赞数

分类专栏： jquery js 蕃薯耀分享文章标签： jquery easyUI 日期格式化 DateBox只显示年 DateBox只显示月份蕃薯耀 DateBox格式化

蕃薯耀分享同时被 3 个专栏收录

409 篇文章 1 订阅

订阅专栏

92 篇文章 0 订阅

订阅专栏

jquery

69 篇文章 0 订阅

订阅专栏

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();
    }
};

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

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

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

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

http://fanshuyao.iteye.com/