全面兼容的javascript时间格式化函数

最新推荐文章于 2024-05-29 10:03:20 发布
最新推荐文章于 2024-05-29 10:03:20 发布
阅读量1.7k 收藏
点赞数 1
分类专栏： Web前端技术 文章标签： javascript 格式化 switch substr 时间
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/yimiyuangguang/article/details/23882095
版权

全面兼容的javascript时间格式化函数

 全面兼容的javascript时间格式化函数，实用总结(并增加了将Unix 时间戳 转换为 时间的处理)！

/**
 * 时间格式化
 *
 * @param strDateTime:需要格式化的字符串时间
 * @param intType：   格式化类型
 *
 * @return string
 */
function formatDateTime(strDateTime, intType) {

      var years, month, days, hours, minutes, seconds;

      try {
            if (strDateTime != undefined && strDateTime != null && strDateTime != "") {

                  var newDate = getJSDateFormString(strDateTime);

                  switch (Number(intType)) {
                        case 1:     //格式:yyyy-MM-dd  
                              years = newDate.getFullYear();
                              month = (newDate.getMonth() + 1);
                              if (Number(month) < 10) month = "0" + month;
                              days = newDate.getDate();
                              if (Number(days) < 10) days = "0" + days;

                              newDate = years + "-" + month + "-" + days;
                              break;
                        case 2:     //格式:MM-dd HH:mm  
                              month = (newDate.getMonth() + 1);
                              if (Number(month) < 10) month = "0" + month;

                              days = newDate.getDate();
                              if (Number(days) < 10) days = "0" + days;

                              hours = newDate.getHours();
                              if (Number(hours) < 10) hours = "0" + hours;

                              minutes = newDate.getMinutes();
                              if (Number(minutes) < 10) minutes = "0" + minutes;

                              newDate = month + "-" + days +
                              " " + hours + ":" + minutes;
                              break;
                        case 3:     //格式:HH:mm:ss  
                              hours = newDate.getHours();
                              if (Number(hours) < 10) hours = "0" + hours;

                              minutes = newDate.getMinutes();
                              if (Number(minutes) < 10) minutes = "0" + minutes;

                              seconds = newDate.getSeconds();
                              if (Number(seconds) < 10) seconds = "0" + seconds;

                              newDate = hours + ":" + minutes + ":" + seconds;
                              break;
                        case 4:     //格式:HH:mm  
                              hours = newDate.getHours();
                              if (Number(hours) < 10) hours = "0" + hours;

                              minutes = newDate.getMinutes();
                              if (Number(minutes) < 10) minutes = "0" + minutes;

                              newDate = hours + ":" + minutes;
                              break;
                        case 5:     //格式:yyyy-MM-dd HH:mm  
                              years = newDate.getFullYear();

                              month = (newDate.getMonth() + 1);
                              if (Number(month) < 10) month = "0" + month;

                              days = newDate.getDate();
                              if (Number(days) < 10) days = "0" + days;

                              hours = newDate.getHours();
                              if (Number(hours) < 10) hours = "0" + hours;

                              minutes = newDate.getMinutes();
                              if (Number(minutes) < 10) minutes = "0" + minutes;

                              newDate = years + "-" + month + "-" + days +
                              " " + hours + ":" + minutes;
                              break;
                        case 6:     //格式:yyyy/MM/dd  
                              years = newDate.getFullYear();

                              month = (newDate.getMonth() + 1);
                              if (Number(month) < 10) month = "0" + month;

                              days = newDate.getDate();
                              if (Number(days) < 10) days = "0" + days;

                              newDate = years + "/" + month + "/" + days;
                              break;
                        case 7:     //格式:MM/dd HH:mm  
                              month = (newDate.getMonth() + 1);
                              if (Number(month) < 10) month = "0" + month;

                              days = newDate.getDate();
                              if (Number(days) < 10) days = "0" + days;

                              hours = newDate.getHours();
                              if (Number(hours) < 10) hours = "0" + hours;

                              minutes = newDate.getMinutes();
                              if (Number(minutes) < 10) minutes = "0" + minutes;

                              newDate = month + "/" + days +
                              " " + hours + ":" + minutes;
                              break;
                        case 8:     //格式:yyyy/MM/dd HH:mm  
                              years = newDate.getFullYear();

                              month = (newDate.getMonth() + 1);
                              if (Number(month) < 10) month = "0" + month;

                              days = newDate.getDate();
                              if (Number(days) < 10) days = "0" + days;

                              hours = newDate.getHours();
                              if (Number(hours) < 10) hours = "0" + hours;

                              minutes = newDate.getMinutes();
                              if (Number(minutes) < 10) minutes = "0" + minutes;

                              newDate = years + "/" + month + "/" + days +
                              " " + hours + ":" + minutes;
                              break;
                        case 9:     //格式:yy-MM-dd  
                              years = newDate.getFullYear();
                              years = years.toString().substr(2, 2);

                              month = (newDate.getMonth() + 1);
                              if (Number(month) < 10) month = "0" + month;

                              days = newDate.getDate();
                              if (Number(days) < 10) days = "0" + days;

                              newDate = years + "-" + month + "-" + days;
                              break;
                        case 10:     //格式:yy/MM/dd  
                              years = newDate.getFullYear();
                              years = years.toString().substr(2, 2);

                              month = (newDate.getMonth() + 1);
                              if (Number(month) < 10) month = "0" + month;

                              days = newDate.getDate();
                              if (Number(days) < 10) days = "0" + days;

                              newDate = years + "/" + month + "/" + days;
                              break;
                        case 11:     //格式:yyyy年MM月dd hh:mm:ss  
                              years = newDate.getFullYear();

                              month = (newDate.getMonth() + 1);
                              if (Number(month) < 10) month = "0" + month;

                              days = newDate.getDate();
                              if (Number(days) < 10) days = "0" + days;

                              hours = newDate.getHours();
                              if (Number(hours) < 10) hours = "0" + hours;

                              minutes = newDate.getMinutes();
                              if (Number(minutes) < 10) minutes = "0" + minutes;

                              seconds = newDate.getSeconds();
                              if (Number(seconds) < 10) seconds = "0" + seconds;

                              newDate = years + "年" + month + "月" + days +
                              " " + hours + ":" + minutes + ":" + seconds;
                              break;
                        case 12:     //格式:yyyyMMdd 
                              years = newDate.getFullYear();

                              month = (newDate.getMonth() + 1);
                              if (Number(month) < 10) month = "0" + month;

                              days = newDate.getDate();
                              if (Number(days) < 10) days = "0" + days;

                              newDate = years.toString() + month.toString() + days.toString();
                              break;
                        case 13:     //格式:MM-dd hh:mm:ss
                              month = (newDate.getMonth() + 1);
                              if (Number(month) < 10) month = "0" + month;

                              days = newDate.getDate();
                              if (Number(days) < 10) days = "0" + days;

                              hours = newDate.getHours();
                              if (Number(hours) < 10) hours = "0" + hours;

                              minutes = newDate.getMinutes();
                              if (Number(minutes) < 10) minutes = "0" + minutes;

                              seconds = newDate.getSeconds();
                              if (Number(seconds) < 10) seconds = "0" + seconds;

                              newDate = month + "-" + days +
                              " " + hours + ":" + minutes + ":" + seconds;
                              break;
                        case 14:     //格式:yyyy-MM-dd HH:mm:ss
                              years = newDate.getFullYear();

                              month = (newDate.getMonth() + 1);
                              if (Number(month) < 10) month = "0" + month;

                              days = newDate.getDate();
                              if (Number(days) < 10) days = "0" + days;

                              hours = newDate.getHours();
                              if (Number(hours) < 10) hours = "0" + hours;

                              minutes = newDate.getMinutes();
                              if (Number(minutes) < 10) minutes = "0" + minutes;

                              seconds = newDate.getSeconds();
                              if (Number(seconds) < 10) seconds = "0" + seconds;

                              newDate = years + "-" + month + "-" + days +
                              " " + hours + ":" + minutes + ":" + seconds;
                              break;
                  }
            }
      } catch (e) {
          newDate = new Date();

          return newDate.getFullYear() + "-" +
         (newDate.getMonth() + 1) + "-" +
         newDate.getDate() + " " +
         newDate.getHours() + ":" +
         newDate.getMinutes() + ":" +
         newDate.getSeconds();
      }

      return newDate;
}

扩充：

1、时间格式化2(与当前相差一天 就按格式的类型显示，否则就 显示为 "13小时前" 或 "35分钟前"等)

/**
 * 时间格式化2
 *
 * @param strDateTime:需要格式化的字符串时间
 * @param intType：   格式化类型
 *
 * @return string  与当前相差一天 就按格式的类型显示，否则就 显示为 "13小时前" 或 "35分钟前"等
 */
function formatDateTime2(strDateTime, intType){

      if(strDateTime != null && strDateTime != ''){

            var timeDiff = getTimediff(strDateTime,new Date());
            if(timeDiff != null && timeDiff.length == 4){
                  if(timeDiff[0] > 0 || timeDiff[1] > 24)
                       return formatDateTime(strDateTime, intType);
                  else{
                        if(timeDiff[1] > 0)
                              return timeDiff[1] + "小时前";
                        else if(timeDiff[2] > 0)
                              return timeDiff[2] + "分钟前";
                        else
                              return timeDiff[3] + "秒前";
                  }
            }else return '';
      }else
         return '';

}

2、根据字符串日期 获取 js Date 类型

/**
 * 根据字符串日期 获取 js Date 类型
 * @param strDateTime
 */
function getJSDateFormString(strDateTime){

      var newDate, arrDate = new Array(), arrTime = new Array();
      if(strDateTime != null && strDateTime != ""){

            //获取日期和时间数组
            if (strDateTime.toString().indexOf("-") != -1) {
                  var item = strDateTime.split(" ");
                  arrDate = item[0].toString().split("-");
                  arrTime = item[1].toString().split(":");
            } else if (strDateTime.toString().indexOf("/") != -1) {
                  var item = strDateTime.split(" ");
                  arrDate = item[0].toString().split("/");
                  arrTime = item[1].toString().split(":");
            } else if (!isNaN(Number(strDateTime))) {
                  //unix 时间戳
                  newDate = new Date(Number(strDateTime) * 1000);

                  return newDate;
            }

            //处理数据
            if (arrDate != undefined && arrTime != undefined && arrDate.length == 3 && arrTime.length == 3 && (newDate == undefined || newDate == null)) {
                  newDate = new Date(
                      parseInt(arrDate[0]),
                      parseInt(Number(arrDate[1]) - 1),
                      parseInt(arrDate[2]),
                      parseInt(arrTime[0]),
                      parseInt(arrTime[1]),
                      parseInt(arrTime[2])
                  );

                  return newDate;
            }
      }else
         return null;

}

3、获取两时间差

/**
 * 获取两时间差
 * @param beginDate
 * @param endDate
 *
 * @return array() / null
 */
function getTimediff(beginDate,endDate){

      if(beginDate != null && beginDate != '' && endDate != null && endDate != ''){

            beginDate = typeof(beginDate) == "string"?getJSDateFormString(beginDate):beginDate;
            endDate   = typeof(endDate) == "string"?getJSDateFormString(endDate):endDate;

            if(beginDate != null && endDate != null){
                  beginDate = Math.round(beginDate.getTime() / 1000); //转换为 unix 时间戳
                  endDate   = Math.round(endDate.getTime() / 1000);   //转换为 unix 时间戳

                  var timediff = Math.abs(endDate - beginDate);

                  var remain = timediff % 86400;
                  var hours = parseInt(remain / 3600);

                  remain = remain % 3600;
                  var mins = parseInt(remain / 60);
                  var secs = remain % 60;

                  return [
                        parseInt(timediff/86400), // day
                        hours,                    // hour
                        mins,                     // min
                        secs                      // sec
                   ];
            }else
                return null;
      }else
           return null;

}


       本文为方便工作总结而来，如有不足请指正！谢谢   



追夢秋陽
关注
  • 1
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
专栏目录
JavaScript 时间戳格式化日期
weixin_43339112的博客
11-01 516
JavaScript 时间戳格式化日期 项目中从后台获取接口数据时常需要按自己的需求将时间戳转化为对应的日期格式。 // 时间戳格式化为日期 function formatDate(timestamp, fmt) { // 这里传入的timestamp应该是Number数值，如果是字符串，需要先转换为Number // var timestamp=parseInt(timestamp) var date = new Date(timestamp) if (/(y+)/.tes
全面兼容的javascript时间格式化函数(比较实用)
01-21
全面兼容的javascript时间格式化函数，实用总结！ 代码如下: <!DOCTYPE html> <html> <head> <meta charset=”utf-8″ /> <meta http-equiv=”Content-Type” content=”text/html; charset...
【Vue】全局日期格式化
花北城的博客
12-15 2453
本专栏为 前端【Vue】专栏，主要介绍Vue知识点。对于刚进入计算机世界的学生来说，学习课本上的知识是远远不够的，并且国内教材偏旧，所以需要我们通过互联网自主学习。这里普及一个知识：HTML已不仅仅只能开发Web，也可以开发移动端（AndroidiOS），所以本专栏也会介绍 移动端的开发。我个人将移动端开发，分为两大方向：①原生开发最早一批，使用安卓开发工具包（Android SDK）和Java语言来开发App的方式。原生开发允许开发者充分利用安卓平台的功能和特性，以及庞大的安卓开发社区资源。
JavaScript 日期和时间的格式化
最新发布
前端开发
05-29 995
JavaScript 日期和时间的格式化
【JavaScript】JavaScript日期和时间的格式化：
热门推荐
SunPeng的博客
06-23 2万+
【JavaScript】JavaScript日期和时间的格式化：
JavaScript 日期和时间的格式化大汇总（收集）
忧郁的蛋的专栏
02-18 1万+
其中，y 会被替换为年份，M、d、h、H、m、s、q、S、a、A 分别表示月份、日期、小时（12 小时制）、小时（24 小时制）、分钟、秒、季度、毫秒、上午/下午、AM/PM。可以使用 Date 对象的一些方法来进行日期和时间的操作，例如，使用 setDate() 方法设置日期，使用 setHours() 方法设置小时数，使用 setTime() 方法设置毫秒数等等。这个函数接受两个参数，第一个参数是要格式化的日期时间，可以是 Date 对象或表示日期时间的字符串，第二个参数是要格式化的格式，例如。
JavaScript 格式化金额
前端开发
05-26 283
JavaScript 格式化金额
vue时间格式化，使用用filter+js时间格式化函数
yyd19920013的博客
06-11 962
前言：在使用vue做日常做项目中，我们经常会遇见一些时间格式化的需求。如果不写filter的话，甚至连个好用的时间格式化函数都没有的话，每次写一遍十分麻烦，也十分容易出错，所以我今天就把我项目中常用的一些时间格式化函数分享给大家，如果有没有写过filter的同学也可以参考一下，毕竟写代码很重要的一点是能复用嘛！ 先分享一个比较常用的时间格式化函数 //日期格式化函数 //oDate（时间戳或字符串日期都支持） //fmt（格式匹配） //月(M)、日(d)、小时(h)、分(m)、秒(s)、季度(q.
iOS Date 函数无法获取格式化时间问题处理
qq_19716091的博客
06-02 158
iOS要求年月日中间的分隔符必须是。
如何在 JavaScript 中格式化日期？
kalman2019的博客
12-22 1775
如何将 Date 对象格式化为字符串？
兼容FireFox 用javascript写的一个画图函数
10-30
### 兼容Firefox的JavaScript画图函数 #### 一、引言 在Web开发领域，兼容性一直是开发者面临的重要挑战之一。特别是在早期浏览器版本中，不同的浏览器对HTML、CSS以及JavaScript的支持程度各不相同，这使得跨...
javascript按指定格式输出文件最后更新时间
10-30
3. **日期格式化**：指的是将日期转换为可读性强的人类友好格式。 #### 二、实现原理 在给出的示例代码中，主要通过以下步骤实现了文件最后更新时间的获取与格式化输出： 1. **获取最后更新时间**：使用 `...
日期的格式化函数（转）
07-17
本文将深入探讨日期格式化函数的相关知识点，基于提供的标题"日期的格式化函数（转）"和描述中的博文链接，我们可以推测这可能涉及到JavaScript中的日期处理。在JavaScript中，`Date`对象提供了丰富的API来创建、...
使用 audio 和 embed 实现浏览器兼容的网页声音播放
yimiyangguang的专栏
07-27 1万+
使用 audio 和 embed 实现浏览器兼容的网页声音播放
全面兼容的Iframe 与父页面交互操作
yimiyangguang的专栏
03-02 1万+
全面兼容的Iframe 与父页面交互操作  父页面 Father.htm 源码如下： function fatherFunction() { alert("我是父页面的方法,\n调用成功！"); } /* *父页面通过 iframe Name 调用子页面的函
js scrollTo 实现平缓 返回顶部
yimiyangguang的专栏
03-22 5586
js scrollTo 实现平缓 返回顶部
兼容 谷歌、火狐、360系列浏览器的桌面通知(实用)
yimiyangguang的专栏
08-23 4296
兼容 谷歌、火狐、360系列浏览器的桌面通知(实用) 本文为工作中总结而来，并参考了大量网络资源，希望对有同样需求的朋友提供帮助。 参考资源如下(部分)： http://xsk.tehon.org/den/index.php/category/tech/html5-audio-notifications.html http://ttsvetko.github.io/HTML5-Desktop-Notifications/# http://www.cnblogs.co
HighCharts 图表插件 自定义绑定 时间轴数据
yimiyangguang的专栏
03-01 3768
HighCharts 图表插件 自定义绑定 时间轴数据      HighCharts 图表插件 自定义绑定 时间轴数据，解决时间轴自动显示数据与实际绑定数据时间不对应问题！      学习示例如下： 喊单收益曲线图 /* * 官方文档： http://www.highcharts.
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

追夢秋陽

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值