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

boyanx3个月前技术教程15

蕃薯耀 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;
    }
};

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

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

相关文章

java学习路线 新手必备 没有学不会的知识

怎么学习Java,这是很多新手经常会问我的问题,现在我简单描述下一个Java初学者到就业要学到的一些东西: 首先要明白Java体系设计到得三个方面:J2SE,J2EE,J2ME(KJAVA)。J2S...

“我干的真是一份工吗?”做软件工程师有多疯:React+运维+管理=1个人干……

【CSDN 编者按】在技术行业狂奔的今天,软件工程师似乎成了“全能超人”的代名词——既要深挖技术栈,又要横跨前后端,甚至被迫接管运维、管理、产品等角色。对于开发者而言,“全栈”已不再是能力标签,而几乎...

ClockPicker调用方法(α clock)

ClockPicker.js是一款时钟插件,其实还可以改进,里面的分可以改成短横线。在线实例实例预览jQuery ClockPicker 圆形时钟使用方法 <div class="input-g...

学习下ECharts 异步加载数据(echarts加载大量数据)

ECharts 通常数据设置在 setOption 中,如果我们需要异步加载数据,可以配合 jQuery等工具,在异步获取数据后通过 setOption 填入数据和配置项就行。ECharts 通常数据...

用了都说好的5款免费开源的JavaScript图表库

Planetary.js是一个JavaScript图表库,用于构建交互式地球仪。它使用 D3 和 TopoJSON 解析并显示地理数据。 Planetary.js使用基于建筑的构架插件,也就是说默认的...

Datetimepicker.js用法(datetimepicker属性)

$('.form_date').datetimepicker({//初始化 language: 'zh-CN', //weekStart: 1,...

发表评论    

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。