js前端转换Date或秒数的时间格式

简介: 版权声明:本文为博主原创文章,如需转载,请标明出处。 https://blog.csdn.net/alan_liuyue/article/details/78981647 简介  1.
版权声明:本文为博主原创文章,如需转载,请标明出处。 https://blog.csdn.net/alan_liuyue/article/details/78981647

简介

  1. 上一篇博客介绍到java后台如何进行Date、String、timestamp等时间格式的相互转换;
  2. 那么,本篇博客将会进行web前端js是如何格式化时间;

项目实践

/* 
* @Author: ~~~
* @Date:   2018-01-05 09:16:00
*/

//首先初始化时间格式工具,可直接复制到js里面
Date.prototype.Format = function (fmt){
    var o = {
            "M+": this.getMonth() + 1,  //月份
            "d+": this.getDate() ,  //日
            "h+": this.getHours() ,  //24小时制
            "m+": this.getMinutes(),  //分
            "s+": this.getSeconds(),  //秒
            "q+": Math.floor((this.getMonth()+3)/3),  //季度
            "S": this.getMilliseconds()  //毫秒
    };
    if(/(y+)/.test(fmt)) 
        fmt = fmt.replace(RegExp.$1,(this.getFullYear()+"").substr(4-RegExp.$1.length));
    for(var k in o)
        if(new RegExp("("+k+")").test(fmt))
            fmt = fmt.replace(RegExp.$1,(RegExp.$1.length ==1) ? (o[k]):(("00"+o[k]).substr((""+o[k]).length)));
    return fmt;

};

//其次,对方法进行封装
function formatTime(timeSecond){
    var d = new Date(timeSecond);//注意timeSecond是毫秒
    return d.Format("yyyy-MM-dd hh:mm:ss");
}

//最后,使用方式,输出结果:"2017-12-15 21:49:03"
function getFormatTime(){
    var second = 1513345743*1000;//秒数需要先转换成毫秒
    return formatTime(second);
}

总结

  1. 以上的例子可以对传输到前台的秒数时间格式进行格式化,当然也可以直接对Date的时间格式进行格式化,具体情况具体分析;
  2. 实践是检验认识真理性的唯一标准,试一试就知道好不好用了~~~

相关文章
|
1天前
|
存储 JavaScript 前端开发
使用Vue.js构建交互式前端的技术探索
【5月更文挑战第12天】Vue.js是渐进式前端框架,以其简洁和强大的特性深受开发者喜爱。它聚焦视图层,采用MVVM模式实现数据与视图的双向绑定,简化开发。核心特性包括响应式数据绑定、组件化、模板系统和虚拟DOM。通过创建Vue实例、编写模板及定义方法,可以构建交互式前端,如计数器应用。Vue.js让复杂、交互式的前端开发变得更加高效和易维护。
|
4天前
|
前端开发
基于jeecg前端实现从表ERP格式选择
基于jeecg前端实现从表ERP格式选择
|
4天前
|
JavaScript 前端开发
深入了解前端框架Vue.js的响应式原理
本文将深入探讨Vue.js前端框架的核心特性之一——响应式原理。通过分析Vue.js中的数据绑定、依赖追踪和虚拟DOM等机制,读者将对Vue.js的响应式系统有更深入的理解,从而能够更好地利用Vue.js构建灵活、高效的前端应用。
|
11天前
|
JavaScript 前端开发 C++
【Web 前端】JavaScript window.onload 事件和 jQuery ready 函数有何不同?
【5月更文挑战第2天】【Web 前端】JavaScript window.onload 事件和 jQuery ready 函数有何不同?
|
12天前
|
JavaScript 前端开发 开发者
【Web 前端】什么是JS变量提升?
【5月更文挑战第1天】【Web 前端】什么是JS变量提升?
【Web 前端】什么是JS变量提升?
|
13天前
|
缓存 前端开发 JavaScript
【JavaScript 技术专栏】JavaScript 前端路由实现原理
【4月更文挑战第30天】本文探讨了JavaScript前端路由在SPA中的重要性,阐述了其基本原理和实现方式,包括Hash路由和History路由。前端路由通过监听URL变化、匹配规则来动态切换内容,提升用户体验和交互性。同时,文章也提到了面临的SEO和页面缓存挑战,并通过电商应用案例分析实际应用。理解并掌握前端路由能助开发者打造更流畅的单页应用。
|
14天前
|
前端开发 JavaScript 数据安全/隐私保护
前端javascript的DOM对象操作技巧,全场景解析(二)
前端javascript的DOM对象操作技巧,全场景解析(二)
|
14天前
|
移动开发 缓存 JavaScript
前端javascript的DOM对象操作技巧,全场景解析(一)
前端javascript的DOM对象操作技巧,全场景解析(一)
|
14天前
|
缓存 编解码 自然语言处理
前端javascript的BOM对象知识精讲
前端javascript的BOM对象知识精讲
|
14天前
|
JavaScript 前端开发 开发者
【Web 前端】JS模块化有哪些?
【4月更文挑战第22天】【Web 前端】JS模块化有哪些?