DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> JavaScript綜合知識 >> javascript日期對象格式化為字符串的實現方法
javascript日期對象格式化為字符串的實現方法
編輯:JavaScript綜合知識     

 本篇文章主要是對javascript日期對象格式化為字符串的實現方法進行了詳細的介紹,需要的朋友可以過來參考下,希望對大家有所幫助

javascript提供的日期格式化太簡單,一般應用都需要自己實現格式化方法.下面是我想出的一個格式化處理方案,應該是可以滿足常用的需求.日期模板中可以使用任意分隔符,還可以使用文字作為分隔符,甚至支持類似yyyyMMdd之類沒有分隔符的格式化.    原理:用正則表達式將日期模板中的日期元素[如yyyy, MM, dd]和分隔符拆分成數組,然後用實際的值替換日期元素形成日期字符串.    實現共有兩個函數,粘貼可運行.    擴展方式:    示例中只支持了年月日時分秒毫秒的元素,如果需要顯示星期則可以在values中添加w = getDay(),將正則表達式修改為y+|M+|d+|H+|m+|s+|S+|w+|[^yMdHmsSw]/g即可.    如果需要將月份或星期顯示為全拼或簡拼英文,可以在cfg中增加相應配置,我只在cfg中增加了一個示例    使用方式:    var date = new Date();  var str = formatDate(date, 'yyyy年MMM月dd日');  則str的值為2012年七月29日     代碼如下: /**  * 格式化整數  * @param number:number 要格式化的整數  * @param fmt:string 整數格式  */  function formatNumber(number, fmt) {  number = number + '';  if (fmt.length > number.length) {  return fmt.substring(number.length) + number;  }  return number;  }    /**  * 格式化日期為字符串表示  * @param datetime:Date 要格式化的日期對象  * @param format:String 日期格式  */  function formatDate(datetime, format) {  var cfg = {  MMM : ['一', '二', '三', '四', '五', '六', '七', '八', '九', '十', '十一', '十二'],  MMMM : ['一', '二', '三', '四', '五', '六', '七', '八', '九', '十', '十一', '十二']  },  values = {  y : datetime.getFullYear(),  M : datetime.getMonth(),  d : datetime.getDate(),  H : datetime.getHours(),  m : datetime.getMinutes(),  s : datetime.getSeconds(),  S : datetime.getMilliseconds()  };  /*用正則表達式拆分日期格式各個元素*/  var elems = format.match(/y+|M+|d+|H+|m+|s+|S+|[^yMdHmsS]/g);  //將日期元素替換為實際的值  for (var i = 0; i < elems.length; i++) {  if (cfg[elems[i]]) {  elems[i] = cfg[elems[i]][values[elems[i].charAt(0)]];  } else if (values[elems[i].charAt(0)]) {  elems[i] = formatNumber(values[elems[i].charAt(0)], elems[i].replace(/./g, '0'));  }  }    return elems.join('');  } 
XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved