javascript格式化日期时间方法汇总


Posted in Javascript onJune 19, 2015

示例一:

<!DOCTYPE html>
<html>
<head>
 <meta charset="UTF-8">
 <title>TT</title>
 <script src="jquery.js"></script>
</head>
<body>
<p style="line-height: 50%;"><span></span></p>
<input type="button" value="轻轻" onclick="syncTime()">
<script>
  function syncTime(){
    var mydate = new Date();
    var week;
    switch (mydate.getDay()){
    case 1: week="星期一"; break;
    case 2: week="星期二"; break;
    case 3: week="星期三"; break;
    case 4: week="星期四"; break;
    case 5: week="星期五"; break;
    case 6: week="星期六"; break;
    default: week="星期天";
    }
    var str = "" + mydate.getFullYear() + " 年 " + (mydate.getMonth() + 1) + " 月 " + mydate.getDate() + " 日 " + week;
    $('.todaytime')[0].innerHTML = str;
    str = '"savesynctime" : "' + str + '"'
    return str;
  }
  console.log(syncTime());
</script>
</body>
</html>

示例二:

<script type="text/javascript">
    var date = new Date();
 
    document.writeln(date);
    //Thu Jan 08 2015 01:25:53 GMT+0800 (中国标准时间)
    document.writeln(Date.parse());
    //NaN
    document.writeln(Date.parse('6/10/2014'));
    //1402329600000 毫秒数
    document.writeln(Date.parse('Thu Jan 08 2015 01:25:53'));
    //1420651553000 毫秒数
    document.writeln(Date.UTC());
    //NaN
 
    //日期格式化方法
    document.writeln('<br/>');
    document.writeln(date.toDateString());
    //Thu Jan 08 2015
    document.writeln('<br/>')
    document.writeln(date.toTimeString());
    //01:39:08 GMT+0800 (中国标准时间)
    document.writeln('<br/>')
    document.writeln(date.toLocaleDateString());
    //2015年1月8日
    document.writeln('<br/>')
    document.writeln(date.toLocaleTimeString());
    //上午1:39:08
    document.writeln('<br/>')
    document.writeln(date.toUTCString());
    //Wed, 07 Jan 2015 17:39:08 GMT
 
    //一些set,get方法
 
 
  </script>

示例三:

Date.prototype.Format = function(formatStr) {
  var str = formatStr;
  var Week = ['日', '一', '二', '三', '四', '五', '六'];
  str = str.replace(/yyyy|YYYY/, this.getFullYear());
  str = str.replace(/yy|YY/, (this.getYear() % 100) > 9 ? (this.getYear() % 100).toString() : '0' + (this.getYear() % 100));
  str = str.replace(/MM/, (this.getMonth() + 1) > 9 ? (this.getMonth() + 1).toString() : '0' + (this.getMonth() + 1));
  str = str.replace(/M/g, (this.getMonth() + 1));
  str = str.replace(/w|W/g, Week[this.getDay()]);
  str = str.replace(/dd|DD/, this.getDate() > 9 ? this.getDate().toString() : '0' + this.getDate());
  str = str.replace(/d|D/g, this.getDate());
  str = str.replace(/hh|HH/, this.getHours() > 9 ? this.getHours().toString() : '0' + this.getHours());
  str = str.replace(/h|H/g, this.getHours());
  str = str.replace(/mm/, this.getMinutes() > 9 ? this.getMinutes().toString() : '0' + this.getMinutes());
  str = str.replace(/m/g, this.getMinutes());
  str = str.replace(/ss|SS/, this.getSeconds() > 9 ? this.getSeconds().toString() : '0' + this.getSeconds());
  str = str.replace(/s|S/g, this.getSeconds());
  return str
}

示例四:

Date.prototype.toString=function(format,loc){
  var time={};
  time.Year=this.getFullYear();
  time.TYear=(""+time.Year).substr(2);
  time.Month=this.getMonth()+1;
  time.TMonth=time.Month<10?"0"+time.Month:time.Month;
  time.Day=this.getDate();
  time.TDay=time.Day<10?"0"+time.Day:time.Day;
  time.Hour=this.getHours();
  time.THour=time.Hour<10?"0"+time.Hour:time.Hour;
  time.hour=time.Hour<13?time.Hour:time.Hour-12;
  time.Thour=time.hour<10?"0"+time.hour:time.hour;
  time.Minute=this.getMinutes();
  time.TMinute=time.Minute<10?"0"+time.Minute:time.Minute;
  time.Second=this.getSeconds();
  time.TSecond=time.Second<10?"0"+time.Second:time.Second;
  time.Millisecond=this.getMilliseconds();
  time.Week=this.getDay();
 
  var MMMArrEn=["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"];
  var MMMArr=["一月","二月","三月","四月","五月","六月","七月","八月","九月","十月","十一月","十二月"];
  var WeekArrEn=["Sun","Mon","Tue","Web","Thu","Fri","Sat"];
  var WeekArr=["星期日","星期一","星期二","星期三","星期四","星期五","星期六"];
 
  var oNumber=time.Millisecond/1000;
 
  if(format!=undefined && format.replace(/\s/g,"").length>0){
    if(loc!=undefined && loc =="en"){
      MMMArr=MMMArrEn.slice(0);
      WeekArr=WeekArrEn.slice(0);
    }
    format=format
      .replace(/yyyy/ig,time.Year)
      .replace(/yyy/ig,time.Year)
      .replace(/yy/ig,time.TYear)
      .replace(/y/ig,time.TYear)
      .replace(/MMM/g,MMMArr[time.Month-1])
      .replace(/MM/g,time.TMonth)
      .replace(/M/g,time.Month)
      .replace(/dd/ig,time.TDay)
      .replace(/d/ig,time.Day)
      .replace(/HH/g,time.THour)
      .replace(/H/g,time.Hour)
      .replace(/hh/g,time.Thour)
      .replace(/h/g,time.hour)
      .replace(/mm/g,time.TMinute)
      .replace(/m/g,time.Minute)
      .replace(/ss/ig,time.TSecond)
      .replace(/s/ig,time.Second)
      .replace(/fff/ig,time.Millisecond)
      .replace(/ff/ig,oNumber.toFixed(2)*100)
      .replace(/f/ig,oNumber.toFixed(1)*10)
      .replace(/EEE/g,WeekArr[time.Week]);
  }
  else{
    format=time.Year+"-"+time.Month+"-"+time.Day+" "+time.Hour+":"+time.Minute+":"+time.Second;
  }
  return format;
}
 
var d=new Date();
console.log(d.toString());  //2014-7-27 9:26:52
console.log(d.toString(""));  //2014-7-27 9:26:52
console.log(d.toString("yyyy-MM-dd HH:mm:ss"));  //2014-07-27 09:26:52
console.log(d.toString("yyyy年MM月dd日 HH:mm:ss"));  //2014年07月27日 09:26:52
console.log(d.toString("yyyy-MM-dd HH:mm:ss fff"));  //2014-07-27 09:26:52 237
console.log(d.toString("yyyy年 MMM dd EEE"));  //2014年 七月 27 星期五
console.log(d.toString("yyyy MMM dd EEE","en"));  //2014 Jul 27 Fri

示例五:时间个性化输出功能

/*
1、< 60s, 显示为“刚刚”
2、>= 1min && < 60 min, 显示与当前时间差“XX分钟前”
3、>= 60min && < 1day, 显示与当前时间差“今天 XX:XX”
4、>= 1day && < 1year, 显示日期“XX月XX日 XX:XX”
5、>= 1year, 显示具体日期“XXXX年XX月XX日 XX:XX”
*/
function timeFormat(time){
  var date = new Date(time),
    curDate = new Date(),
    year = date.getFullYear(),
    month = date.getMonth() + 10,
    day = date.getDate(),
    hour = date.getHours(),
    minute = date.getMinutes(),
    curYear = curDate.getFullYear(),
    curHour = curDate.getHours(),
    timeStr;
 
  if(year < curYear){
    timeStr = year +'年'+ month +'月'+ day +'日 '+ hour +':'+ minute;
  }else{
    var pastTime = curDate - date,
      pastH = pastTime/3600000;
 
    if(pastH > curHour){
       timeStr = month +'月'+ day +'日 '+ hour +':'+ minute;
    }else if(pastH >= 1){
       timeStr = '今天 ' + hour +':'+ minute +'分';
    }else{
       var pastM = curDate.getMinutes() - minute;
       if(pastM > 1){
        timeStr = pastM +'分钟前';
       }else{
        timeStr = '刚刚';
       }
    }
  }
  return timeStr;
}

以上所述就是本文的全部内容了,希望大家能够喜欢。

Javascript 相关文章推荐
js几个验证函数代码
Mar 25 Javascript
妙用Jquery的val()方法
Jun 27 Javascript
jquery遍历checkbox介绍
Feb 21 Javascript
RequireJS入门一之实现第一个例子
Sep 30 Javascript
开启Javascript中apply、call、bind的用法之旅模式
Oct 28 Javascript
jquery实现无刷新验证码的简单实例
May 19 Javascript
将form表单通过ajax实现无刷新提交的简单实例
Oct 12 Javascript
js控制一个按钮是否可点击(可使用)disabled的实例
Feb 14 Javascript
JavaScript中object和Object的区别(详解)
Feb 27 Javascript
AngularJS 中ui-view传参的实例详解
Aug 25 Javascript
Vue组件跨层级获取组件操作
Jul 27 Javascript
vue大型项目之分模块运行/打包的实现
Sep 21 Javascript
JavaScript中数据结构与算法(四):串(BF)
Jun 19 #Javascript
JavaScript中数据结构与算法(三):链表
Jun 19 #Javascript
js结合正则实现国内手机号段校验
Jun 19 #Javascript
JavaScript中数据结构与算法(二):队列
Jun 19 #Javascript
JavaScript中数据结构与算法(一):栈
Jun 19 #Javascript
JQuery中模拟image的ajaxPrefilter与ajaxTransport处理
Jun 19 #Javascript
c#程序员对TypeScript的认识过程
Jun 19 #Javascript
You might like
需要使用php模板的朋友必看的很多个顶级PHP模板引擎比较分析
2008/05/26 PHP
将博客园(cnblogs.com)数据导入到wordpress的代码
2013/01/06 PHP
PHP中使用glob函数实现一句话删除某个目录下的所有文件
2014/07/22 PHP
优化JavaScript脚本的性能的几个注意事项
2006/12/22 Javascript
在一个js文件里远程调用jquery.js会在ie8下的一个奇怪问题
2010/11/28 Javascript
浅析Js中的单引号与双引号问题
2013/11/06 Javascript
Javascript写入txt和读取txt文件示例
2014/02/12 Javascript
javascript闭包入门示例
2014/04/30 Javascript
Javascript中prototype属性实现给内置对象添加新的方法
2015/05/14 Javascript
jQuery实现checkbox全选的方法
2015/06/10 Javascript
jQuery ajax时间差导致的变量赋值问题分析
2016/01/22 Javascript
谈谈PHP中相对路径的问题与绝对路径的使用
2016/08/16 Javascript
Javascript的动态增加类的实现方法
2016/10/20 Javascript
self.attachevent is not a function的解决方法
2017/04/04 Javascript
Angular.JS中指令ng-if、ng-show/ng-hide和ng-switch的使用教程
2017/05/07 Javascript
详解js正则表达式验证时间格式xxxx-xx-xx形式
2018/02/09 Javascript
nodejs 日志模块winston的使用方法
2018/05/02 NodeJs
Webpack devServer中的 proxy 实现跨域的解决
2018/06/15 Javascript
CKEditor扩展插件:自动排版功能autoformat插件实现方法详解
2020/02/06 Javascript
Python图像灰度变换及图像数组操作
2016/01/27 Python
Python引用类型和值类型的区别与使用解析
2017/10/17 Python
使用python实现BLAST
2018/02/12 Python
pandas数据处理基础之筛选指定行或者指定列的数据
2018/05/03 Python
详谈Pandas中iloc和loc以及ix的区别
2018/06/08 Python
使用Python和Scribus创建一个RGB立方体的方法
2019/07/17 Python
Django自定义模板过滤器和标签的实现方法
2019/08/21 Python
opencv 查找连通区域 最大面积实例
2020/06/04 Python
python 基于opencv实现图像增强
2020/12/23 Python
CSS3+HTML5+JS 实现一个块的收缩与展开动画效果
2020/11/17 HTML / CSS
DKNY品牌官网:纽约大都会时尚风格
2016/10/20 全球购物
澳大利亚天然护肤品、化妆品和健康产品一站式商店:Nourished Life
2018/12/02 全球购物
材料物理专业个人求职信
2013/12/15 职场文书
幼儿园教师节活动总结
2015/03/23 职场文书
MySQL数字类型自增的坑
2021/05/07 MySQL
解析Redis Cluster原理
2021/06/21 Redis
angular4实现带搜索的下拉框
2022/03/25 Javascript