javascript如何格式化日期?js日期格式化函数用法

发布时间:2019-11-18编辑:脚本学堂
javascript格式化日期的几个例子,js中format函数格式化日期与时间的方法,将date函数产生的时间转化为指定格式的日期或字符串表示。

一、javascript格式化日期

代码:
 

复制代码 代码示例:
/*
* 格式化Date对象为:“2015-04-17 10:20:00”
* var dateObj = new Date();
*/
function formartDate(dateObj){
  var updatetimeval =dateObj.getFullYear()+"-"+(dateObj.getMonth()+1)+"-" +dateObj.getDate()
   +" "+dateObj.getHours()+":"+dateObj.getMinutes()+":"+dateObj.getSeconds();
  return updatetimeval;
}

二、js格式化日期

方法一:
 

复制代码 代码示例:
// 对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格式化日期(format函数用法)

例1:
 

复制代码 代码示例:

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 now = new Date();
var nowStr = now.format("yyyy-MM-dd hh:mm:ss");
//使用方法2:
var testDate = new Date();
var testStr = testDate.format("YYYY年MM月dd日hh小时mm分ss秒");
alert(testStr);
//示例:
alert(new Date().Format("yyyy年MM月dd日"));
alert(new Date().Format("MM/dd/yyyy"));
alert(new Date().Format("yyyyMMdd"));
alert(new Date().Format("yyyy-MM-dd hh:mm:ss"));

js格式化当前时间为yyyy-mm-dd形式
 

复制代码 代码示例:
function getNowFormatDate()
{
var day = new Date();
var Year = 0;
var Month = 0;
var Day = 0;
var CurrentDate = "";
//初始化时间
//Year= day.getYear();//有火狐下2008年显示108的bug
Year= day.getFullYear();//ie火狐下都可以
Month= day.getMonth()+1;
Day = day.getDate();
//Hour = day.getHours();
// Minute = day.getMinutes();
// Second = day.getSeconds();
CurrentDate += Year + "-";
if (Month >= 10 )
{
CurrentDate += Month + "-";
}
else
{
CurrentDate += "0" + Month + "-";
}
if (Day >= 10 )
{
CurrentDate += Day ;
}
else
{
CurrentDate += "0" + Day ;
}
return CurrentDate;
}