2008年10月21日火曜日

(suz-php-jquery) DateFormatter.js導入

スズキです。

以前、Javascriptの日付フォーマット変換ライブラリをいろいろ調べ、
http://suz-lab.blogspot.com/2008/08/javascript.html
その中の"DateFormatter.js"いいかなー、って感じになりました。
http://clonedoppelganger.net/javascript/DateFormatter.html

で、せっかくなので、suz-php-jqueryに取り込んで、
http://code.google.com/p/suz-lab/source/browse/trunk/suz-php-jquery/webapp/JS/ext/dateformatter.js
簡単に使えるよう、下記をprototype.js(独自)に実装しました。
http://code.google.com/p/suz-lab/source/browse/trunk/suz-php-jquery/webapp/JS/lib/prototype.js
--------
Date.prototype.format = function(pattern) {
  return DateFormatter.format(this, pattern);
}

日付オブジェクトのformatメソッドで日付フォーマットの変換が
簡単にできます、ってことです。

下記は、その利用例です。

http://code.google.com/p/suz-lab/source/browse/trunk/suz-php-jquery/webapp/example/date_format.html
--------
<head>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  <title>Date Formatter</title>
  <script type="text/javascript" src="../JS/ext/jquery.js"></script>
  <script type="text/javascript" src="../JS/ext/dateformatter.js"></script>
  <script type="text/javascript" src="../JS/lib/prototype.js"></script>
  <script type="text/javascript"
src="../JS/app/example/date_format.js"></script>
</head>
<body>
  <p id="date1">DATE_TIME</p>
  <p id="date2">DATE_TIME</p>
</body>

http://code.google.com/p/suz-lab/source/browse/trunk/suz-php-jquery/webapp/JS/app/example/date_format.js
--------
$(function(){
  var date = new Date();
  $("#date1").html(date.toString());
  $("#date2").html(date.format("Y/m/d H:i:s"));
});

サンプルはもっと充実させたいなー。

--
http://suz-lab.blogspot.com/

0 コメント: