在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 相关文章推荐
JavaScript高级程序设计 读书笔记之十 本地对象Date日期
Feb 27 Javascript
jQuery登陆判断简单实现代码
Apr 21 Javascript
转换字符串为json对象的方法详解
Nov 29 Javascript
js+html5操作sqlite数据库的方法
Feb 02 Javascript
Javascript获取图片原始宽度和高度的方法详解
Sep 20 Javascript
vue2.0数据双向绑定与表单bootstrap+vue组件
Feb 27 Javascript
微信小程序实现图片上传放大预览删除代码
Jun 28 Javascript
浅谈Node框架接入ELK实践总结
Feb 22 Javascript
微信小程序在线客服自动回复功能(基于node)
Jul 03 Javascript
vue实现户籍管理系统
May 29 Javascript
vue中封装axios并实现api接口的统一管理
Dec 25 Vue.js
vue3中provide && inject的使用
Jul 01 Vue.js
深入浅析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中的登陆login
2007/01/18 PHP
php生成SessionID和图片校验码的思路和实现代码
2009/03/10 PHP
php无限级分类实现方法分析
2016/10/19 PHP
Javascript 读后台cookie代码
2008/09/15 Javascript
不要小看注释掉的JS 引起的安全问题
2008/12/27 Javascript
ie和firefox不兼容的解决方法集合
2009/04/28 Javascript
JQuery的Alert消息框插件使用介绍
2010/10/09 Javascript
跨浏览器的事件对象介绍
2012/06/27 Javascript
JavaScript设计模式之适配器模式介绍
2014/12/28 Javascript
BootStrap selectpicker
2016/06/20 Javascript
jQuery中 bind的用法简单介绍
2017/02/13 Javascript
vue2.0页面前进刷新回退不刷新的实现方法
2018/07/31 Javascript
原生JS实现动态添加新元素、删除元素方法
2019/05/05 Javascript
jQuery实现二级导航菜单的示例
2020/09/30 jQuery
JavaScript函数柯里化实现原理及过程
2020/12/02 Javascript
解决elementui表格操作列自适应列宽
2020/12/28 Javascript
[02:07]DOTA2新英雄展现中国元素,完美“圣典”亮相央视
2016/12/19 DOTA
[00:49]完美世界DOTA2联赛10月28日开团时刻:随便打
2020/10/29 DOTA
python爬虫headers设置后无效的解决方法
2017/10/21 Python
Python3解决棋盘覆盖问题的方法示例
2017/12/07 Python
python代码实现ID3决策树算法
2017/12/20 Python
python使用Tesseract库识别验证
2018/03/21 Python
python pygame实现2048游戏
2018/11/20 Python
Python函数中不定长参数的写法
2019/02/13 Python
python使用MQTT给硬件传输图片的实现方法
2019/05/05 Python
浅谈Python大神都是这样处理XML文件的
2019/05/31 Python
Python笔记之观察者模式
2019/11/20 Python
Python调用钉钉自定义机器人的实现
2020/01/03 Python
通过css3动画和opacity透明度实现呼吸灯效果
2019/08/09 HTML / CSS
总结30个CSS3选择器
2017/04/13 HTML / CSS
决心书范文
2014/03/11 职场文书
安全标语大全
2014/06/10 职场文书
工作失误检讨书(经典集锦版)
2014/10/17 职场文书
大学生违纪检讨书300字
2014/10/25 职场文书
2015年度电厂个人工作总结
2015/05/13 职场文书
初中班主任工作总结2015
2015/05/13 职场文书