在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 文字符串转换unicode编码函数
May 30 Javascript
javascript showModalDialog 多层模态窗口实现页面提交及刷新的代码
Nov 28 Javascript
indexOf 和 lastIndexOf 使用示例介绍
Sep 02 Javascript
在css加载完毕后自动判断页面是否加入css或js文件
Sep 10 Javascript
常见的jQuery选择器汇总
Nov 24 Javascript
js漂浮广告实现代码
Aug 15 Javascript
Jquery中map函数的用法
Jun 03 Javascript
深入浅析Vue全局组件与局部组件的区别
Jun 15 Javascript
jQuery实现基本淡入淡出效果的方法详解
Sep 05 jQuery
JavaScript实现连连看连线算法
Jan 05 Javascript
Vue向后台传数组数据,springboot接收vue传的数组数据实例
Nov 12 Javascript
基于jQuery拖拽事件的封装
Nov 29 jQuery
深入浅析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
《忧国的莫里亚蒂》先导宣传图与STAFF公开
2020/03/04 日漫
PHP的一个基础知识 表单提交
2011/07/04 PHP
php array_filter除去数组中的空字符元素
2020/06/21 PHP
PHP快速按行读取CSV大文件的封装类分享(也适用于其它超大文本文件)
2014/04/10 PHP
PHP加密解密类实例分析
2015/04/20 PHP
php获取指定(访客)IP所有信息(地址、邮政编码、国家、经纬度等)的方法
2015/07/06 PHP
用js实现控制内容的向上向下滚动效果
2007/06/26 Javascript
Javascript优化技巧(文件瘦身篇)
2008/01/28 Javascript
JavaScript 计算图片加载数量的代码
2011/01/01 Javascript
JavaScript 函数惰性载入的实现及其优点介绍
2013/08/12 Javascript
jQuery中noConflict()用法实例分析
2015/02/08 Javascript
javascript中Array()数组函数详解
2015/08/23 Javascript
基于JavaScript创建动态Dom
2015/12/08 Javascript
使用pcs api往免费的百度网盘上传下载文件的方法
2016/03/17 Javascript
使用Node.js给图片加水印的方法
2016/11/15 Javascript
javascript 面向对象实战思想分享
2017/09/07 Javascript
vue-cli 引入jQuery,Bootstrap,popper的方法
2018/09/03 jQuery
js实现for循环跳过undefined值示例
2019/07/02 Javascript
Vue数据驱动表单渲染,轻松搞定form表单
2019/07/19 Javascript
js实现飞机大战小游戏
2020/08/26 Javascript
Python实现的数据结构与算法之基本搜索详解
2015/04/22 Python
python操作字典类型的常用方法(推荐)
2016/05/16 Python
tensorflow 输出权重到csv或txt的实例
2018/06/14 Python
解决Django后台ManyToManyField显示成Object的问题
2019/08/09 Python
Python 脚本实现淘宝准点秒杀功能
2019/11/13 Python
python爬虫库scrapy简单使用实例详解
2020/02/10 Python
浅析canvas元素的html尺寸和css尺寸对元素视觉的影响
2019/07/22 HTML / CSS
adidas旗下高尔夫装备供应商:TaylorMade Golf(泰勒梅高尔夫)
2016/08/28 全球购物
Carolina工作鞋官网:Carolina Footwear
2019/03/14 全球购物
违反学校规定检讨书
2014/01/18 职场文书
软件专业毕业生个人自我鉴定
2014/04/17 职场文书
煤矿安全生产标语
2014/06/06 职场文书
涨价通知
2015/04/23 职场文书
天鹅湖观后感
2015/06/09 职场文书
2016小学教师读书心得体会
2016/01/13 职场文书
Python虚拟环境virtualenv是如何使用的
2021/06/20 Python