JavaScript時間処理拡張機能
6554 ワード
文字列を日付オブジェクトに変換
文字列を日付オブジェクトに変換する必要がある場合がありますが、IEではnew Date(「2011-04-07」)のような日付オブジェクトはサポートされていませんので、yyyy-mm-ddまたはdd/mm/yyyyのような形をした文字列を日付オブジェクトに変換するための拡張関数を書いています.コードは以下の通りです
2つの日付間の差を計算します.
この関数は、2つの日付前の差分値(ミリ秒/秒/分/時間/日)を計算できます.主にgetTime()関数とMath.flor()関数を使用しています.コードは以下の通りです.
この関数はネットから検索されたもので、少し修正されました.これはネットのFormat関数と似ています.入力フォーマット文字列は「yyy-M-dd」のようです.フォーマットされた日付に戻ります.
文字列を日付オブジェクトに変換する必要がある場合がありますが、IEではnew Date(「2011-04-07」)のような日付オブジェクトはサポートされていませんので、yyyy-mm-ddまたはdd/mm/yyyyのような形をした文字列を日付オブジェクトに変換するための拡張関数を書いています.コードは以下の通りです
/*
:
:yyyy-mm-dd dd/mm/yyyy
:Date
:IE , new Date("2011-04-06")
*/
Date.prototype.convertDate = function (date)
{
var flag = true;
var dateArray = date.split("-");
if (dateArray.length != 3)
{
dateArray = date.split("/");
if (dateArray.length != 3)
{
return null;
}
flag = false;
}
var newDate = new Date();
if (flag)
{
// month 0
newDate.setFullYear(dateArray[0], dateArray[1] - 1, dateArray[2]);
}
else
{
newDate.setFullYear(dateArray[2], dateArray[1] - 1, dateArray[0]);
}
newDate.setHours(0, 0, 0);
return newDate;
};
Test:<script type="text/javascript">
document.writeln(new Date().convertDate("7/12/2011"));
</script>
出力:Wed Dec 07 2011年17:30:58 GMT+08002つの日付間の差を計算します.
この関数は、2つの日付前の差分値(ミリ秒/秒/分/時間/日)を計算できます.主にgetTime()関数とMath.flor()関数を使用しています.コードは以下の通りです.
/*
:
:date
flag:ms- ,s- ,m- ,h- ,d- ,M- ,y-
: date / / / /
*/
Date.prototype.dateDiff = function (date, flag)
{
var msCount;
var diff = this.getTime() - date.getTime();
switch (flag)
{
case "ms":
msCount = 1;
break;
case "s":
msCount = 1000;
break;
case "m":
msCount = 60 * 1000;
break;
case "h":
msCount = 60 * 60 * 1000;
break;
case "d":
msCount = 24 * 60 * 60 * 1000;
break;
}
return Math.floor(diff / msCount);
};
テスト:<script type="text/javascript">
var d1 = new Date().convertDate("2011-04-08");
var d2 = new Date().convertDate("2011-04-07");
document.writeln(d1.dateDiff(d2, 'd'));
</script>
年がうるう年かどうかを判断します. /*
:
:
*/
Date.prototype.isLeapYear = function ()
{
var year = this.getFullYear();
return (year % 4 == 0) && (year % 100 != 0 || year % 400 == 0);
}
テスト:<script type="text/javascript">
document.writeln(new Date().convertDate("2000-04-08").isLeapYear() + "<br>");
document.writeln(new Date().convertDate("2011-04-08").isLeapYear() + "<br>");
</script>
// :
// true
// false
日付の書式設定この関数はネットから検索されたもので、少し修正されました.これはネットのFormat関数と似ています.入力フォーマット文字列は「yyy-M-dd」のようです.フォーマットされた日付に戻ります.
/*
:
:formatStr-
d: , 1
dd: , 01
ddd: , Sun
dddd: , Sunday
M: , 1
MM: , 01
MMM: , Jan
MMMM: , January
yy:
yyyy:
h: 12 , ||
hh: 12
H: 24
HH: 24
m:
mm:
s:
ss:
l:
ll:
tt: am/pm
TT: AM/PM
:
*/
Date.prototype.format = function (formatStr)
{
var date = this;
/*
: 0
:value- , length-
:
*/
var zeroize = function (value, length)
{
if (!length)
{
length = 2;
}
value = new String(value);
for (var i = 0, zeros = ''; i < (length - value.length); i++)
{
zeros += '0';
}
return zeros + value;
};
return formatStr.replace(/"[^"]*"|'[^']*'|\b(?:d{1,4}|M{1,4}|yy(?:yy)?|([hHmstT])\1?|[lLZ])\b/g, function($0)
{
switch ($0)
{
case 'd': return date.getDate();
case 'dd': return zeroize(date.getDate());
case 'ddd': return ['Sun', 'Mon', 'Tue', 'Wed', 'Thr', 'Fri', 'Sat'][date.getDay()];
case 'dddd': return ['Sunday', 'Monday', 'Tuesday', 'Wednesday', 'Thursday', 'Friday', 'Saturday'][date.getDay()];
case 'M': return date.getMonth() + 1;
case 'MM': return zeroize(date.getMonth() + 1);
case 'MMM': return ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'][date.getMonth()];
case 'MMMM': return ['January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December'][date.getMonth()];
case 'yy': return new String(date.getFullYear()).substr(2);
case 'yyyy': return date.getFullYear();
case 'h': return date.getHours() % 12 || 12;
case 'hh': return zeroize(date.getHours() % 12 || 12);
case 'H': return date.getHours();
case 'HH': return zeroize(date.getHours());
case 'm': return date.getMinutes();
case 'mm': return zeroize(date.getMinutes());
case 's': return date.getSeconds();
case 'ss': return zeroize(date.getSeconds());
case 'l': return date.getMilliseconds();
case 'll': return zeroize(date.getMilliseconds());
case 'tt': return date.getHours() < 12 ? 'am' : 'pm';
case 'TT': return date.getHours() < 12 ? 'AM' : 'PM';
}
});
}
テスト:<script type="text/javascript">
document.writeln(new Date().format("yyyy-MM-dd hh:mm:ss"));
</script>
// :
// 2011-04-08 10:13:37
積み重ねる!