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

boyanx8个月前技术教程26

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

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

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

相关文章

蓝色时间轴个人博客网页模板代码(网页制作蓝色的代码)

看雪时间轴个人博客模板,女生唯美简洁个人博客静态页面模板,蓝色时间轴个人网页模板,下雪空间个人模板代码1、html页面代码<!doctype html> <html> <...

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

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

Datetimepicker.js用法(datetimepicker属性)

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

了解 JS 的加载顺序和方式,实现 Ready 方法

页面加载 JS 顺序或方式不同,可能会导致功能失效、错误的产生或加载解析时间过长,拖慢整个页面展示。了解 JS 的加载顺序了解页面元素的加载顺序,找到 JS 执行失败原因。有时明明没有问的代码,可就获...

酷炫时间罗盘(时间罗盘是什么)

感觉很新奇的时间罗盘程序,显示非常酷炫,如下图:源代码如下罗盘.html <!doctype html> <html> <head> <meta charse...

python爬取双色球20年来的历史开奖数据

心血来潮,打算把双色球历史开奖数据喂给大模型,让大模型替我预测一下每期双色球的开奖结果。所以第一步,就是搞定训练的数据源。百度一下,输入双色球开奖结果,看到了中彩网,直接F12打开调试模式get请求,...

发表评论    

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