UnCaught TypeError:date.getFullYear is not a function解决方案
2016-04-01 12:39
781 查看
只想看解决方案的,可看红字!
今天在公司做项目,要求在前台显示一个只显示年月日的日期。
我在数据库存的类型是date(此处要说一下date与datetime的区别:date年月日;datetime年月日时分秒),实体类的是java,util.Date。
到前台加载数据时,却显示出是时分秒,因为数据库中的数据没有时分秒,这里直接补成00:00:00。因为业务需求,我不希望显示出时分秒。所以我曾经用过一下方法:
1.后台service中向前台传递查询结果前,我用SimpleDateFormat给日期格式化成我想要的样子(yyyy-MM-dd)。但是到前台后,还是有时分秒。我从网上查了java中的Date类型以后,知道了java中的Date默认就是有时分秒的,所以后台格式化这条路是走不通的。
2.easyui中的formatter格式化。
<script type="text/javascript">
function myFunction(date){
var date= new Date(Date.parse(date));
var y = date.getFullYear();
var m = date.getMonth()+1;
var d = date.getDate();
return y+'-'+m+'-'+d;
};
</script>
上面两张图分别是datagrid和js中的代码。
需要注意的是,js中函数传入的date参数,是字符串类型的。若调用getFullYear方法,必须转成Date类型。
今天在公司做项目,要求在前台显示一个只显示年月日的日期。
我在数据库存的类型是date(此处要说一下date与datetime的区别:date年月日;datetime年月日时分秒),实体类的是java,util.Date。
到前台加载数据时,却显示出是时分秒,因为数据库中的数据没有时分秒,这里直接补成00:00:00。因为业务需求,我不希望显示出时分秒。所以我曾经用过一下方法:
1.后台service中向前台传递查询结果前,我用SimpleDateFormat给日期格式化成我想要的样子(yyyy-MM-dd)。但是到前台后,还是有时分秒。我从网上查了java中的Date类型以后,知道了java中的Date默认就是有时分秒的,所以后台格式化这条路是走不通的。
2.easyui中的formatter格式化。
<script type="text/javascript">
function myFunction(date){
var date= new Date(Date.parse(date));
var y = date.getFullYear();
var m = date.getMonth()+1;
var d = date.getDate();
return y+'-'+m+'-'+d;
};
</script>
{ title: '支出时间', field: 'payDate', width: 150,formatter:function(value,row,index){ return myFunction(row.payDate); }},
上面两张图分别是datagrid和js中的代码。
需要注意的是,js中函数传入的date参数,是字符串类型的。若调用getFullYear方法,必须转成Date类型。
相关文章推荐
- easyui------显示隐藏列功能
- 如何使用jquery easyui创建标签组件
- jQuery寻找n以内完全数的方法
- 推荐10个2014年最佳的jQuery视频插件
- jquery+CSS3实现淘宝移动网页菜单效果
- 采用easyui tree编写简单角色权限代码的方法
- jQuery实现本地预览上传图片功能
- jquery实现触发时更新下拉列表内容的方法
- 基于.Net中的数字与日期格式化规则助记词的使用详解
- 基于jquery中children()与find()的区别介绍
- 了解jQuery技巧来提高你的代码(个人觉得那个jquery的手册很不错)
- 轻松学习jQuery插件EasyUI EasyUI实现拖动基本操作
- 基于jQuery实现网页打印功能
- 在easyUI开发中,出现jquery.easyui.min.js函数库问题的解决办法
- 实例讲解jQuery EasyUI tree中state属性慎用
- JQuery打造PHP的AJAX表单提交实例
- jquery easyui使用心得
- jQuery EasyUi实战教程之布局篇
- 初试jQuery EasyUI 使用介绍
- easyui Droppable组件实现放置特效