在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 相关文章推荐
一个js写的日历(代码部分网摘)
Sep 20 Javascript
Javascript根据指定下标或对象删除数组元素
Dec 21 Javascript
jQuery学习笔记之toArray()
Jun 09 Javascript
运用jQuery定时器的原理实现banner图片切换
Oct 22 Javascript
原生js实现日期联动
Jan 12 Javascript
js实现黑色简易的滑动门网页tab选项卡效果
Aug 31 Javascript
谈谈JavaScript类型系统之Math
Jan 06 Javascript
Jquery操作cookie记住用户名
Mar 29 Javascript
vue页面离开后执行函数的实例
Mar 13 Javascript
Vue 菜单栏点击切换单个class(高亮)的方法
Aug 22 Javascript
对VUE中的对象添加属性
Sep 18 Javascript
vue实现点击按钮下载文件功能
Oct 11 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
php4的session功能评述(一)
2006/10/09 PHP
PHP extract 将数组拆分成多个变量的函数
2010/06/30 PHP
php常用表单验证类用法实例
2015/06/18 PHP
php 无限分类 树形数据格式化代码
2016/10/11 PHP
jquery UI 1.72 之datepicker
2009/12/29 Javascript
JavaScript打字小游戏代码
2011/12/26 Javascript
setTimeout函数兼容各主流浏览器运行执行效果实例
2013/06/13 Javascript
JS+JSP checkBox 全选具体实现
2014/01/02 Javascript
Javascript学习笔记之数组的遍历和 length 属性
2014/11/23 Javascript
JavaScript中使用sencha gridpanel 编辑单元格、改变单元格颜色
2015/11/26 Javascript
angularjs 源码解析之scope
2016/08/22 Javascript
详解Bootstrap的iCheck插件checkbox和radio
2016/08/24 Javascript
jQuery实现动态添加、删除按钮及input输入框的方法
2017/04/27 jQuery
jQuery取得元素标签名称小结(附代码)
2017/08/16 jQuery
ajax跨域访问遇到的问题及解决方案
2019/05/23 Javascript
了解JavaScript中的选择器
2019/05/24 Javascript
js getBoundingClientRect使用方法详解
2019/07/17 Javascript
node.js使用net模块创建服务器和客户端示例【基于TCP协议】
2020/02/14 Javascript
js实现简易拖拽的示例
2020/10/26 Javascript
python中字符串数组逆序排列方法总结
2019/06/23 Python
一篇文章搞定Python操作文件与目录
2019/08/13 Python
python 字典有序并写入json文件过程解析
2019/09/30 Python
浅谈keras 模型用于预测时的注意事项
2020/06/27 Python
解决Python paramiko 模块远程执行ssh 命令 nohup 不生效的问题
2020/07/14 Python
生产班组长岗位职责
2014/01/05 职场文书
中国梦主题教育活动总结
2014/05/05 职场文书
市场推广策划方案
2014/06/02 职场文书
争先创优心得体会
2014/09/12 职场文书
纪念9.18事变演讲稿
2014/09/14 职场文书
机关作风建设自查报告
2014/10/22 职场文书
小学运动会入场词
2015/07/18 职场文书
2016年度创先争优活动总结
2016/04/05 职场文书
Golang中interface{}转为数组的操作
2021/04/30 Golang
css 边框添加四个角的实现代码
2021/10/16 HTML / CSS
MySQL中一条update语句是如何执行的
2022/03/16 MySQL
nginx设置资源请求目录的方式详解
2022/05/30 Servers