jquery easyUI 日期格式化,DateBox只显示年
2017-09-22 09:43
330 查看
jquery easyUI 日期格式化,DateBox只显示年
>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>.
蕃薯耀 2016年6月8日 17:13:32 星期三
http://fanshuyao.iteye.com/
一、问题描述
jquery easyui 本身不支持只显示年或只显示月份
二、解决方案:
1、增加格式化方法及解析方法
formatter:yearFormatter,parser:yearParser
如下面所示:
Html代码
<input class="easyui-datebox" id="planYear" name="planYear" data-options="required:true,formatter:yearFormatter,parser:yearParser" >
2、增加 yearFormatter,yearParser的js方法
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/
>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>.
蕃薯耀 2016年6月8日 17:13:32 星期三
http://fanshuyao.iteye.com/
一、问题描述
jquery easyui 本身不支持只显示年或只显示月份
二、解决方案:
1、增加格式化方法及解析方法
formatter:yearFormatter,parser:yearParser
如下面所示:
Html代码
<input class="easyui-datebox" id="planYear" name="planYear" data-options="required:true,formatter:yearFormatter,parser:yearParser" >
2、增加 yearFormatter,yearParser的js方法
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/
相关文章推荐
- jquery easyUI 日期格式化,DateBox只显示年
- jquery easyui datebox 时间控件默认显示当前日期的实现方法
- jquery easyui datebox 时间控件默认显示当前日期
- easyUI datebox 日期空间斜杠格式化。例如将日期空间中显示2017-03-13,改为2017/03/13
- EasyUI的DataGrid日期列(datebox)正确显示json时间格式
- Easyui datebox单击文本框显示日期选择
- 第二百一十五节,jQuery EasyUI,DateBox(日期输入框)组件
- Easyui datebox单击文本框显示日期选择
- Easyui datebox单击文本框显示日期选择 eayui版本1.5.4.1
- Easyui datebox单击文本框显示日期选择
- Easyui datebox单击文本框显示日期选择 eayui版本1.5.3
- easyui datebox 只显示日期,本文为转载,稍加改动
- EasyUI的DataGrid日期列(datebox)正确显示json时间格式
- 格式化输入日期时间控件 JieFormattedDateBox
- EasyUI的DataGrid日期列(datebox)正确显示json时间格式
- js日期格式化,easy-ui,datebox得到日期改变格式
- Easyui的DateBox日期格式化
- Easyui的DateBox日期格式化
- jquery easyui datebox 时间格式化
- Easyui的DateBox日期格式化