在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 相关文章推荐
IE和Firefox下javascript的兼容写法小结
Dec 10 Javascript
Javascript 两个窗体之间传值实现代码
Sep 25 Javascript
jQuery实战之品牌展示列表效果
Apr 10 Javascript
基于jQuery选择器的整理集合
Apr 26 Javascript
javascript实现的HashMap类代码
Jun 27 Javascript
jQuery验证插件validation使用指南
Apr 21 Javascript
微信小程序 开发经验整理
Feb 15 Javascript
JS兼容所有浏览器的DOMContentLoaded事件
Jan 12 Javascript
详解Vue组件之作用域插槽
Nov 22 Javascript
Vue组件实现触底判断
Jun 26 Javascript
详解vue高级特性
Jun 09 Javascript
全局安装 Vue cli3 和 继续使用 Vue-cli2.x操作
Sep 08 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 xml实例 留言本
2009/03/20 PHP
php计划任务之ignore_user_abort函数实现方法
2015/01/08 PHP
ThinkPHP5.0框架结合Swoole开发实现WebSocket在线聊天案例详解
2019/04/02 PHP
解决laravel 表单提交-POST 异常的问题
2019/10/15 PHP
thinkPHP事务操作简单案例分析
2019/10/17 PHP
php实现快速对二维数组某一列进行组装的方法小结
2019/12/04 PHP
php实现简易计算器
2020/08/28 PHP
用javascript连接access数据库的方法
2006/11/17 Javascript
javascript工具库代码
2012/03/29 Javascript
JQuery获取各种宽度、高度(format函数)实例
2013/03/04 Javascript
jquery获得页面元素的坐标值实现思路及代码
2013/04/15 Javascript
angular.element方法汇总
2015/01/07 Javascript
jQuery实现的感应鼠标悬停图片色彩渐显效果
2015/03/03 Javascript
JS实现选项卡实例详解
2015/11/17 Javascript
自定义Angular指令与jQuery实现的Bootstrap风格数据双向绑定的单选与多选下拉框
2015/12/12 Javascript
详解maxlength属性在textarea里奇怪的表现
2015/12/27 Javascript
简述JavaScript提交表单的方式 (Using JavaScript Submit Form)
2016/03/18 Javascript
实例详解JavaScript中setTimeout函数的执行顺序
2017/07/12 Javascript
微信小程序实现组件顶端固定或底端固定效果(不随滚动而滚动)
2020/04/09 Javascript
原生js canvas实现鼠标跟随效果
2020/08/02 Javascript
vue项目里面引用svg文件并给svg里面的元素赋值
2020/08/17 Javascript
JavaScript实现网页计算器功能
2020/10/29 Javascript
[49:21]完美世界DOTA2联赛循环赛 Ink Ice vs LBZS BO2第二场 11.05
2020/11/06 DOTA
跟老齐学Python之从if开始语句的征程
2014/09/14 Python
读取本地json文件,解析json(实例讲解)
2017/12/06 Python
python3+requests接口自动化session操作方法
2018/10/13 Python
Python3+Appium实现多台移动设备操作的方法
2019/07/05 Python
h5封装下拉刷新
2020/08/25 HTML / CSS
美国时尚女装在线:Missguided
2016/12/03 全球购物
接口中的方法可以是abstract的吗
2015/07/23 面试题
2014年三八妇女节活动方案
2014/02/28 职场文书
优秀实习生感言
2014/03/01 职场文书
教师个人事迹材料
2014/12/17 职场文书
导游词之扬州大明寺
2019/10/09 职场文书
Python Flask搭建yolov3目标检测系统详解流程
2021/11/07 Python
MySQL的存储函数与存储过程的区别解析
2022/04/08 MySQL