在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 相关文章推荐
原型方法的不同写法居然会影响调试的解决方法
Mar 08 Javascript
jQuery EasyUI 中文API Layout(Tabs)
Apr 27 Javascript
zTree插件之单选下拉菜单实例代码
Nov 07 Javascript
使用jQuery jqPlot插件绘制柱状图
Dec 18 Javascript
jquery滚动加载数据的方法
Mar 09 Javascript
jQuery实现字符串按指定长度加入特定内容的方法
Mar 11 Javascript
JavaScript高级教程5.6之基本包装类型(详细)
Nov 23 Javascript
利用JavaScript将Excel转换为JSON示例代码
Jun 14 Javascript
vue ajax 拦截原理与实现方法示例
Nov 29 Javascript
javascript实现雪花飘落效果
Aug 19 Javascript
Vue中computed和watch有哪些区别
Dec 19 Vue.js
JavaScript如何实现防止重复的网络请求的示例
Jan 28 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
全国FM电台频率大全 - 14 江西省
2020/03/11 无线电
PHP Warning: PHP Startup: Unable to load dynamic library \ D:/php5/ext/php_mysqli.dll\
2012/06/17 PHP
一个经典实用的PHP图像处理类分享
2014/11/18 PHP
laravel框架语言包拓展实现方法分析
2019/11/22 PHP
PHP底层运行机制与工作原理详解
2020/07/31 PHP
jquery multiSelect 多选下拉框
2010/07/09 Javascript
使用JS进行目录上传(相当于批量上传)
2010/12/05 Javascript
使用js修改客户端注册表的方法
2013/08/09 Javascript
JQuery实现动态适时改变字体颜色的方法
2015/03/10 Javascript
60行js代码实现俄罗斯方块
2015/03/31 Javascript
Vue.js第二天学习笔记(vue-router)
2016/12/01 Javascript
在vue中通过axios异步使用echarts的方法
2018/01/13 Javascript
Vue 实现展开折叠效果的示例代码
2018/08/27 Javascript
vue请求本地自己编写的json文件的方法
2019/04/25 Javascript
JavaScript实现通讯录功能
2020/12/27 Javascript
python中__call__方法示例分析
2014/10/11 Python
Python 中urls.py:URL dispatcher(路由配置文件)详解
2017/03/24 Python
pyqt5简介及安装方法介绍
2018/01/31 Python
如何用python整理附件
2018/05/13 Python
Face++ API实现手势识别系统设计
2018/11/21 Python
在Python中过滤Windows文件名中的非法字符方法
2019/06/10 Python
使用Python3 poplib模块删除服务器多天前的邮件实现代码
2020/04/24 Python
Pytorch之扩充tensor的操作
2021/03/04 Python
Expedia爱尔兰:酒店、机票、租车及廉价假期
2017/01/02 全球购物
将世界上最美丽的摄影作品转化为艺术作品:Photos.com
2017/11/28 全球购物
银行批评与自我批评
2014/02/10 职场文书
《蚂蚁和蝈蝈》教学反思
2014/02/24 职场文书
西式结婚主持词
2014/03/14 职场文书
家长通知书家长评语
2014/04/17 职场文书
大学应届毕业生求职信
2014/05/24 职场文书
小学生环保标语
2014/06/13 职场文书
护理学专业求职信
2014/06/29 职场文书
社会工作专业求职信
2014/07/15 职场文书
小学生迎国庆演讲稿
2014/09/05 职场文书
爱心捐助活动总结
2015/05/09 职场文书
Vue.js中v-bind指令的用法介绍
2022/03/13 Vue.js