Bloggerの投稿日時が正常に表示されない

Question

前提・実現したいこと

ブログサービスBlogger (ブロガー) で記事の投稿日時を正しく表示させたいです。

発生している問題・エラーメッセージ

記事の投稿日時の「月」が正しく表示されていません。
下の画像のように月の部分が「undefined」となっています。

該当のソースコード

<div class='post-title'><h1><data:post.title/></h1></div>
<div class='post-details'><data:post.author/> / <time expr:data-pub='data:post.timestampISO8601'/></div>
</div>
</div>
</div>
</div>
<script type='text/javascript'>
//<![CDATA[
var $=jQuery;$("#hpick .shutter_wrap").css("min-height",$(window).height()),$("#shutter_post_header").html($("#hpick").html()).removeClass("hidden"),$("#hpick").remove(),$(window).resize(function(){$("#shutter_post_header .shutter_wrap").css("min-height",$(window).height())}),$("time").map(function(){var e=$(this).attr("data-pub"),t=["","January","February","March","April","May","June","July","August","September","October","November","December"][(e=(e=e.split("T"))[0].split("-"))[1]]+" "+e[2]+", "+e[0];$(this).after(t),$(this).remove()});
//]]>
</script>

試したこと

CSSとHTMLの知識が少しある程度なので<script></script>の部分が理解できません。
何かの文字を置き換えたりしているということくらいしか解りません。
ネットで「Blogger date undefined」と調べると設定の言語と形式のフォーマットという部分で時刻の表示形式を変更するようにと書いてあり、試してみたのですが改善しませんでした。

補足情報（FW/ツールのバージョンなど）

使用しているテンプレートはColorlibのShutterです。
テンプレートのドキュメント
問題のページ

ドキュメントページでは正常に表示されていてソースコードを見ても違いが解りません。
おそらくコード自体に問題はなく、設定を変える必要があると思います。
詳しい方にお聞きしたくてこの場で質問させていただきました。
宜しくお願いします。

Answer 1

NOTE:ワンライナー嫌い！！！

---

月名配列から月名を取得する際のインデックス指定が数値文字列(本来数値である必要がある)であることによる不具合です. 下記をお試しください.
※"December"][+(e=("の部分において+(数値型への変換)を追加しています.

var $=jQuery;$("#hpick .shutter_wrap").css("min-height",$(window).height()),$("#shutter_post_header").html($("#hpick").html()).removeClass("hidden"),$("#hpick").remove(),$(window).resize(function(){$("#shutter_post_header .shutter_wrap").css("min-height",$(window).height())}),$("time").map(function(){var e=$(this).attr("data-pub"),t=["","January","February","March","April","May","June","July","August","September","October","November","December"][+(e=(e=e.split("T"))[0].split("-"))[1]]+" "+e[2]+", "+e[0];$(this).after(t),$(this).remove()});

---

ワンライナーコードを解すとしくじっている部分がよく判ります.

<time data-pub='2018-03-09T15:24:00+09:00'></time>

$("time").map(
	function(){
		var e=$(this).attr("data-pub");
		var months = ["","January","February","March","April","May","June","July","August","September","October","November","December"];
		e=e.split("T");
		e=e[0].split("-");
		t=months[e[1]]+" "+e[2]+", "+e[0];//←インデックスがNumberじゃない！
		$(this).after(t);
		$(this).remove();
	}
);

Comments

[退会済みユーザー]

回答して頂いて有難うございます。
どこで折り返したらいいのかわからず、1行で書いてしまって申し訳ありませんでした。
示していただいたコードに置き換えたところ、正常に表示させることができました。
本当にありがとうございました。
私もいつかこのくらいの問題は自分で解決できるようにプログラミングを始めたいと思います。
ただ、1つだけ気になったことがあります。
公式のドキュメントでは+(数値型への変換)の追加がなくても正常に表示されてるのはどうしてですか？

[defghi1977]

>どこで折り返したらいいのかわからず、1行で書いてしまって申し訳ありませんでした。
これはコードを短くする手法の一つであなたのせいじゃないので問題ありません. (むしろ手を入れると対処できなくなります)
>公式のドキュメントでは+(数値型への変換)の追加がなくても正常に表示されてるのはどうしてですか？
多分間違いに気がついてこっそり直したんでしょう.

[defghi1977]

ああ, わかったテンプレ作った人1月から9月までをテストしてない.
"11"月だとうまく配列の検索に成功しちゃうのでバグに気付いていないんだ.