登录
当前位置： 首页 > 编程笔记 >

js格式化时间的方法

闽朝
2023-03-14
本文向大家介绍js格式化时间的方法，包括了js格式化时间的方法的使用技巧和注意事项，需要的朋友参考一下

本文为大家分享了javascript时间格式化的方法，分享给大家供大家参考，具体内容如下
可以说是Web项目中不可或缺的一个Javascript类库，它可以帮助你快速的解决客户端编程的许多问题，下面贴出一个用js格式化时间的方法。

Date.prototype.format =function(format)
{
var o = {
"M+" : this.getMonth()+1, //month
"d+" : this.getDate(), //day
"h+" : this.getHours(), //hour
"m+" : this.getMinutes(), //minute
"s+" : this.getSeconds(), //second
"q+" : Math.floor((this.getMonth()+3)/3), //quarter
"S" : this.getMilliseconds() //millisecond
}
if(/(y+)/.test(format)) format=format.replace(RegExp.$1,
(this.getFullYear()+"").substr(4- RegExp.$1.length));
for(var k in o)if(new RegExp("("+ k +")").test(format))
format = format.replace(RegExp.$1,
RegExp.$1.length==1? o[k] :
("00"+ o[k]).substr((""+ o[k]).length));
return format;
}

以上代码必须先声明，然后在使用。使用方法：

var d =new Date().format('yyyy-MM-dd');

另一种方法：

在Javascript之中，日期对象是Date，那么如何将一个日期对象按照定制的格式进行输出呢？
  可以现告诉你，Date对象有有四个内置方法，用于输出为字符串格式，分别为： 

  •   1）toGMTString，将一个日期按照GMT格式显示
  •   2）toLocaleString，将一个日期按照本地操作系统格式显示
  •   3）toLocaleDateString，按照本地格式显示一个日期对象的日期部分
  •   4）toLocaleTimeString，按照本地格式显示一个日期对象的时间部分 

  尽管Javascript的Date对象中内置提供了这些输出为字符串的方法，但是这些字符串不是我们来控制格式的，因此如果我们需要我们自己定制的特殊格式，那么又该怎么办呢？
  不用着急，JsJava中提供了专用的类，专门对日期进行指定格式的字符串输出，你可以下载JsJava-2.0.zip，引入其中的src/jsjava/text/DateFormat.js，或者直接引入jslib/jsjava-2.0.js，样例代码如下：

var df=new SimpleDateFormat();//jsJava1.0需要使用DateFormat对象，不要弄错就是了 
df.applyPattern("yyyy-MM-dd HH:mm:ss"); 
var date=new Date(2015,12,18,10,59,51); 
var str=df.format(date); 
document.write(str);//显示结果为：2015-12-18 10:59:51

通过上面的例子你可以看出，你需要做的就是指定pattern，那么pattern中yyyy、MM等都表示什么意思呢？如果你学习过Java的日期格式化，那么你应该知道，那都是占位符，这些占位符都具有特殊的函数，例如y表示年，yyyy表示四个数字的年份，例如1982，下面列举一些pattern中支持的特殊字符及其含义（下面表格引自Java的官方文档，做了适当修改）：

G Era designator [url=]Text[/url] AD 
y Year [url=]Year[/url] 1996; 96 
M Month in year [url=]Month[/url] July; Jul; 07 
w Week in year [url=]Number[/url] 27 
W Week in month [url=]Number[/url] 2 
D Day in year [url=]Number[/url] 189 
d Day in month [url=]Number[/url] 10 
F Day of week in month [url=]Number[/url] 2 
E Day in week [url=]Text[/url] Tuesday; Tue 
a Am/pm marker [url=]Text[/url] PM 
H Hour in day (0-23) [url=]Number[/url] 0 
k Hour in day (1-24) [url=]Number[/url] 24 
K Hour in am/pm (0-11) [url=]Number[/url] 0 
h Hour in am/pm (1-12) [url=]Number[/url] 12 
m Minute in hour [url=]Number[/url] 30 
s Second in minute [url=]Number[/url] 55 
S Millisecond [url=]Number[/url] 978

还有三种方法也分享给大家：

第一种方法：

// 对Date的扩展，将 Date 转化为指定格式的String  
// 月(M)、日(d)、小时(h)、分(m)、秒(s)、季度(q) 可以用 1-2 个占位符，  
// 年(y)可以用 1-4 个占位符，毫秒(S)只能用 1 个占位符(是 1-3 位的数字)  
// 例子：  
// (new Date()).Format("yyyy-MM-dd hh:mm:ss.S") ==> 2006-07-02 08:09:04.423  
// (new Date()).Format("yyyy-M-d h:m:s.S")   ==> 2006-7-2 8:9:4.18  
Date.prototype.Format = function(fmt)  
{ //author: meizz  
 var o = {  
  "M+" : this.getMonth()+1,         //月份  
  "d+" : this.getDate(),          //日  
  "h+" : this.getHours(),          //小时  
  "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;  
}

调用方法：

var time1 = new Date().format("yyyy-MM-dd HH:mm:ss");    
var time2 = new Date().format("yyyy-MM-dd");

第二种方法：

<mce:script language="javascript" type="text/javascript"><!--
   
/**   
 * 对Date的扩展，将 Date 转化为指定格式的String   
 * 月(M)、日(d)、12小时(h)、24小时(H)、分(m)、秒(s)、周(E)、季度(q) 可以用 1-2 个占位符   
 * 年(y)可以用 1-4 个占位符，毫秒(S)只能用 1 个占位符(是 1-3 位的数字)   
 * eg:   
 * (new Date()).pattern("yyyy-MM-dd hh:mm:ss.S") ==> 2006-07-02 08:09:04.423   
 * (new Date()).pattern("yyyy-MM-dd E HH:mm:ss") ==> 2009-03-10 二 20:09:04   
 * (new Date()).pattern("yyyy-MM-dd EE hh:mm:ss") ==> 2009-03-10 周二 08:09:04   
 * (new Date()).pattern("yyyy-MM-dd EEE hh:mm:ss") ==> 2009-03-10 星期二 08:09:04   
 * (new Date()).pattern("yyyy-M-d h:m:s.S") ==> 2006-7-2 8:9:4.18   
 */    
Date.prototype.pattern=function(fmt) {     
  var o = {     
  "M+" : this.getMonth()+1, //月份     
  "d+" : this.getDate(), //日     
  "h+" : this.getHours()%12 == 0 ? 12 : this.getHours()%12, //小时     
  "H+" : this.getHours(), //小时     
  "m+" : this.getMinutes(), //分     
  "s+" : this.getSeconds(), //秒     
  "q+" : Math.floor((this.getMonth()+3)/3), //季度     
  "S" : this.getMilliseconds() //毫秒     
  };     
  var week = {     
  "0" : "/u65e5",     
  "1" : "/u4e00",     
  "2" : "/u4e8c",     
  "3" : "/u4e09",     
  "4" : "/u56db",     
  "5" : "/u4e94",     
  "6" : "/u516d"    
  };     
  if(/(y+)/.test(fmt)){     
    fmt=fmt.replace(RegExp.$1, (this.getFullYear()+"").substr(4 - RegExp.$1.length));     
  }     
  if(/(E+)/.test(fmt)){     
    fmt=fmt.replace(RegExp.$1, ((RegExp.$1.length>1) ? (RegExp.$1.length>2 ? "/u661f/u671f" : "/u5468") : "")+week[this.getDay()+""]);     
  }     
  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;     
}    
   
var date = new Date();   
window.alert(date.pattern("yyyy-MM-dd hh:mm:ss"));
// --></mce:script>

 第三种方法： 

Date.prototype.format = function(mask) {   
   
  var d = this;   
   
  var zeroize = function (value, length) {   
   
    if (!length) length = 2;   
   
    value = String(value);   
   
    for (var i = 0, zeros = ''; i < (length - value.length); i++) {   
   
      zeros += '0';   
   
    }   
   
    return zeros + value;   
   
  };    
   
  return mask.replace(/"[^"]*"|'[^']*'|/b(?:d{1,4}|m{1,4}|yy(?:yy)?|([hHMstT])/1?|[lLZ])/b/g, function($0) {   
   
    switch($0) {   
   
      case 'd':  return d.getDate();   
   
      case 'dd': return zeroize(d.getDate());   
   
      case 'ddd': return ['Sun','Mon','Tue','Wed','Thr','Fri','Sat'][d.getDay()];   
   
      case 'dddd':  return ['Sunday','Monday','Tuesday','Wednesday','Thursday','Friday','Saturday'][d.getDay()];   
   
      case 'M':  return d.getMonth() + 1;   
   
      case 'MM': return zeroize(d.getMonth() + 1);   
   
      case 'MMM': return ['Jan','Feb','Mar','Apr','May','Jun','Jul','Aug','Sep','Oct','Nov','Dec'][d.getMonth()];   
   
      case 'MMMM':  return ['January','February','March','April','May','June','July','August','September','October','November','December'][d.getMonth()];   
   
      case 'yy': return String(d.getFullYear()).substr(2);   
   
      case 'yyyy':  return d.getFullYear();   
   
      case 'h':  return d.getHours() % 12 || 12;   
   
      case 'hh': return zeroize(d.getHours() % 12 || 12);   
   
      case 'H':  return d.getHours();   
   
      case 'HH': return zeroize(d.getHours());   
   
      case 'm':  return d.getMinutes();   
   
      case 'mm': return zeroize(d.getMinutes());   
   
      case 's':  return d.getSeconds();   
   
      case 'ss': return zeroize(d.getSeconds());   
   
      case 'l':  return zeroize(d.getMilliseconds(), 3);   
   
      case 'L':  var m = d.getMilliseconds();   
   
          if (m > 99) m = Math.round(m / 10);   
   
          return zeroize(m);   
   
      case 'tt': return d.getHours() < 12 ? 'am' : 'pm';   
   
      case 'TT': return d.getHours() < 12 ? 'AM' : 'PM';   
   
      case 'Z':  return d.toUTCString().match(/[A-Z]+$/);   
   
      // Return quoted strings with the surrounding quotes removed   
   
      default:  return $0.substr(1, $0.length - 2);   
   
    }   
   
  });   
   
};

方法一多了，就不知道如何选择了，不过还是要靠大家仔细学习研究，针对不同问题选择解决方法，希望大家喜欢这篇文章。

 类似资料：
  • 用时间格式化日期。js

    我有一个以下格式的字符串： 我想利用这个时刻。js以这种格式获取它，用于显示。 我试着用这个方法， 哪些错误并表示没有称为“替换”的方法？我是不是走错了路？ 我还应该提到，我正在使用一个预打包版本的矩。js，为Meteor打包。js 堆栈跟踪：

  • js格式化时间的简单实例

    本文向大家介绍js格式化时间的简单实例，包括了js格式化时间的简单实例的使用技巧和注意事项，需要的朋友参考一下 以上就是本文的全部内容，希望对大家有所帮助，同时也希望多多支持呐喊教程！

  • 时间格式化

    For %U, all days in a new year preceding the first Sunday are considered to be in week 0. For %W, all days in a new year preceding the first Monday are considered to be in week 0. In some implementati

  • 写一个格式化时间的方法

    本文向大家介绍写一个格式化时间的方法相关面试题，主要包含被问及写一个格式化时间的方法时的应答技巧和注意事项，需要的朋友参考一下

  • js时间戳转为日期格式的方法

    本文向大家介绍js时间戳转为日期格式的方法，包括了js时间戳转为日期格式的方法的使用技巧和注意事项，需要的朋友参考一下 什么是Unix时间戳(Unix timestamp)： Unix时间戳(Unix timestamp)，或称Unix时间(Unix time)、POSIX时间(POSIX time)，是一种时间表示方式，定义为从格林威治时间1970年01月01日00时00分00秒起至现在的总秒数

  • js时间日期格式化封装函数

    本文向大家介绍js时间日期格式化封装函数，包括了js时间日期格式化封装函数的使用技巧和注意事项，需要的朋友参考一下 　　js虽然提供了各种获取时间Date对象的不同属性方法，如：getDate 方法 | getDay 方法 | getFullYear 方法 | getHours 方法 ... ... 等等，但是却没有像java那样提供一个方法来供用户来根据自身提供的模板（pattern），来格式化

  • php格式化时间戳

    本文向大家介绍php格式化时间戳，包括了php格式化时间戳的使用技巧和注意事项，需要的朋友参考一下 CMS中一般显示时间比较新的文章需要显示几分钟前，几天前这样，但是一般数据库里面记录的都是时间戳（至少我习惯这样），所以就需要一个转化的过程，根据网上的资料加上自己的修改整理封装了两段代码 下面是封装好的方法 或者 更详细的 再分享一个类似的

  • 格式化时间（Formatting Time）

    DateFormat类提供各种格式来格式化时间。 将使用DateFormat.getTimeInstance（）方法。 请参阅下面的示例。 在下面的示例中，我们将展示如何使用不同的格式来格式化时间。 IOTester.java import java.text.DateFormat; import java.util.Date; public class I18NTester { publi

相关阅读

JS的时间格式化和时间戳转换函数示例详解详解JavaScript时间格式化C#留言时间格式化用Java格式化时间戳liunx 时间函数与时间格式与字符串之间的转化方法

相关文章

Perl 格式化输出HTML 文本格式化CSS文本格式化Spring MVC格式化器Java日期格式化

相关问答

DateTimeFormatter中的格式化程序，用于ISO 8601时间的日期格式在Java8/jsr310中格式化持续时间javascript - js格式化时间戳如何做到所有浏览器统一？时间的UTC与ISO格式使用新的日期时间API格式化日期

相关工具

九宫格方式输入密码ini格式解析标准TVL格式数据解析番茄时间管理瀑布效果，不同的实现方式

相关文档

格式化字符串漏洞利用产品经理进化论：AI+时代产品经理的思维方法JS 函数式编程指南JS 数据结构与算法你不懂JS：类型与文法
快捷导航： 新手教程 算法原理 架构设计 Java进阶 数据库进阶 大厂专栏 面试经验 编程笔记 编程问答 所有专题 文档资料 工具软件 电子书籍 小牛导航
在线工具： 房贷计算器 个税计算器 Linux命令查询 Json格式化 正则表达式 颜色转换 AES加解密 SHA1加密 MD5加密 毒鸡汤 字数统计 随机密码生成 进制转换 Base64编解码 励志句子
Copyright © 2019-2024 小牛知识库@xnip.cn. All Rights Reserved.