在JS中如何把毫秒转换成规定的日期时间格式实例


Posted in Javascript onMay 11, 2017

最近做的一个项目,从后台查询到日期数据传到前台JS中遍历之后显示的是以"14"开头的毫秒数,刚开始想用"simpleDateFormat"类处理,结果显示都不显示了。后来查了一下资料,感觉其实很简单,下面 把自己的方法分享给大家以供参考。

1.显示的毫秒数

在JS中如何把毫秒转换成规定的日期时间格式实例

2.处理之前的样式

在JS中如何把毫秒转换成规定的日期时间格式实例

3.处理之后的样式

在JS中如何把毫秒转换成规定的日期时间格式实例

Date.prototype.toLocaleString = function() {
               return this.getFullYear() + "-" + (this.getMonth() + 1) + "-" + this.getDate() + " " + this.getHours() + ":" + this.getMinutes() + ":" + this.getSeconds();
            };

success:function(data){
          var Str="";  
          var length = data.length;
          for(var i=0;i<length;i++){  
             //Str += '<tr><td>'+data[i].roleId+'</td><td>'+data[i].roleName+'</td><td>'+data[i].remarks+'</td><td>'+data[i].createBy+'</td><td>'+data[i].createDate+'</td><td>'+data[i].updateBy+'</td><td>'+data[i].updateDate+'</td><td>'+data[i].status+'</td></tr>';
            Date.prototype.toLocaleString = function() {
               return this.getFullYear() + "-" + (this.getMonth() + 1) + "-" + this.getDate() + " " + this.getHours() + ":" + this.getMinutes() + ":" + this.getSeconds();
            };
            Str += "<tr>" +
             "<td class=\"tbody_check\">" +
              "<span class=\"check\">" +
                "<input type=\"checkbox\" value=\""+data[i].roleId+"\" name=\"checkbox\">" +
              "</span>" +
             "</td>" +
             "<td>" +data[i].roleId+"</td>" +
             "<td>" +data[i].roleName+"</td>" +
             "<td>" +data[i].remarks+"</td>" +
             "<td>" +data[i].createBy+"</td>" +
             "<td>" +new Date(data[i].createDate).toLocaleString()+"</td>" +
             "<td>" +data[i].updateBy+"</td>" +
             "<td>" +new Date(data[i].updateDate).toLocaleString()+"</td>" +
             "<td>" +data[i].status+"</td>" +
           "</tr>";
          }
          $("#rolelist").html(Str);
        }

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
Jquery.LazyLoad.js修正版下载,实现图片延迟加载插件
Mar 12 Javascript
Jquery each方法跳出循环,并获取返回值(实例讲解)
Dec 12 Javascript
javascript实现回车键提交表单方法总结
Jan 10 Javascript
Bootstrap中的表单验证插件bootstrapValidator使用方法整理(推荐)
Jun 21 Javascript
Vue.js实现表格动态增加删除的方法(附源码下载)
Jan 20 Javascript
AngularJS页面传参的5种方式
Apr 01 Javascript
自定义vue全局组件use使用、vuex的使用详解
Jun 14 Javascript
使用react-router4.0实现重定向和404功能的方法
Aug 28 Javascript
vue路由插件之vue-route
Jun 13 Javascript
javascript sort()对数组中的元素进行排序详解
Oct 13 Javascript
jQuery 隐藏/显示效果函数用法实例分析
May 20 jQuery
Node.js API详解之 repl模块用法实例分析
May 25 Javascript
深入浅析AngularJS中的一次性数据绑定 (bindonce)
May 11 #Javascript
BootStrap 获得轮播中的索引和当前活动的焦点对象
May 11 #Javascript
微信小程序 navbar实例详解
May 11 #Javascript
微信小程序 图片宽高自适应详解
May 11 #Javascript
bootstrap fileinput组件整合Springmvc上传图片到本地磁盘
May 11 #Javascript
微信小程序 刷新上拉下拉不会断详细介绍
May 11 #Javascript
微信小程序图片选择、上传到服务器、预览(PHP)实现实例
May 11 #Javascript
You might like
PHP中extract()函数的妙用分析
2012/07/11 PHP
Php中用PDO查询Mysql来避免SQL注入风险的方法
2013/04/25 PHP
总结的一些PHP开发中的tips(必看篇)
2017/03/24 PHP
php简单实现单态设计模式的方法分析
2017/07/28 PHP
PHP+MySQL高并发加锁事务处理问题解决方法
2018/04/30 PHP
php微信开发之谷歌测距
2018/06/14 PHP
PHP如何通过带尾指针的链表实现'队列'
2020/10/22 PHP
彪哥1.1(智能表格)提供下载
2006/09/07 Javascript
原生Ajax 和jQuery Ajax的区别示例分析
2014/12/17 Javascript
jQuery插件Slider Revolution实现响应动画滑动图片切换效果
2015/06/05 Javascript
javascript实现的简单计时器
2015/07/19 Javascript
jQuery Easyui实现左右布局
2016/01/26 Javascript
基于javascript简单实现对身份证校验
2021/01/25 Javascript
jquery实现全选功能效果的实现代码
2016/05/05 Javascript
VueJS事件处理器v-on的使用方法
2017/09/27 Javascript
解析Vue 2.5的Diff算法
2017/11/28 Javascript
js设计模式之代理模式及订阅发布模式实例详解
2019/08/15 Javascript
JS实现可用滑块滑动的缓动图代码
2019/09/01 Javascript
如何在postman测试用例中实现断言过程解析
2020/07/09 Javascript
原生JS实现多条件筛选
2020/08/19 Javascript
JS算法教程之字符串去重与字符串反转
2020/12/15 Javascript
python3编写C/S网络程序实例教程
2014/08/25 Python
Python兔子毒药问题实例分析
2015/03/05 Python
Python的Django框架中settings文件的部署建议
2015/05/30 Python
Python 包含汉字的文件读写之每行末尾加上特定字符
2016/12/12 Python
简单易懂的python环境安装教程
2017/07/13 Python
Windows 7下Python Web环境搭建图文教程
2018/03/20 Python
pytorch之inception_v3的实现案例
2020/01/06 Python
美国照明、家居装饰和家具购物网站:Bellacor
2017/09/20 全球购物
给校长的一封检讨书
2014/09/20 职场文书
三方股份合作协议书
2014/10/13 职场文书
工作会议通知
2015/04/15 职场文书
三方合作意向书范本
2015/05/09 职场文书
《百分数的认识》教学反思
2016/02/19 职场文书
2019辞职报告范本3篇!
2019/07/23 职场文书
react 路由Link配置详解
2021/11/11 Javascript