【はてなブログ】更新日付の不具合を修正するコードを作成しました【コピペ可】

現状のコード

function appendLastmod(lastmod) {
var $container = $('<div></div>', {'class': 'lastmod'});
$container.append($('<span></span>', {'class': 'date-year'}).text(lastmod.split('-')[0]));
$container.append($('<span></span>', {'class': 'hyphen'}).text('-'));
$container.append($('<span></span>', {'class': 'date-month'}).text(lastmod.split('-')[1]));
$container.append($('<span></span>', {'class': 'hyphen'}).text('-'));
$container.append($('<span></span>', {'class': 'date-day'}).text(lastmod.split('-')[2]));
if ($('.entry-header > .date').get(0).tagName.toLowerCase() === 'span') {
$('.entry-title').before($container);
} else {
$('.entry-date').append($container);
}

今までのコードでは、lastmod（更新日付）を年月日で分けて取得し、ハイフンと合わせて文字列結合していました。変数$containerにsplitで分割した年月日をappendしているわけです。

修正コードでは、lastmodの持っている日時部分をreplaceの正規表現を用いて除外しています。
また、文字列を分割しないシンプルなコードです。

現状のコードを削除し、以下の修正コードをコピペしてください。

修正コード

function appendLastmod(lastmod) {
var $container = $('<div></div>', {'class': 'lastmod'}).text(lastmod.replace(/T.*0/,""));
if ($('.entry-header > .date').get(0).tagName.toLowerCase() === 'span') {
$('.entry-title').before($container);
} else {
$('.entry-date').append($container);
}

正規表現の指定は「T始まりの任意文字列かつ、0で終わる文字列」です。これで「TXX:XX:XX+09:00」部分を指定しreplaceで空文字列に変換するという仕組みです。

これで表記が元に戻るはずです。

プログラマー歴1年半にして、初めてjQueryをいじりましたがなんとかなりました（笑）。

なお、このコードの欠点は、lastmodを分割していないので年月日毎に分けてCSSで加工できないところです。

ちなみに、修正コードのdiv属性部分のところを、私はspan属性にしています。

var $container = $('<span></span>', {'class': 'lastmod'}).text(lastmod.replace(/T.*0/,""));

もし、うまく表記されない方がいましたら、span属性にしてみてください。

なお、ブログテーマはZENO-TEALでしたので、他テーマにつきましては若干の相違があるかもしれませんので、ご承知ください。

皆様の助けになれば幸いです。

最後まで読んでいただき、ありがとうございました。