回答編集履歴
1
JSの処理の修正も追記
test
CHANGED
@@ -33,3 +33,93 @@
|
|
33
33
|
|
34
34
|
|
35
35
|
ようは、`lastn`によって、違うやつの更新日が出てしまってたわけですね。
|
36
|
+
|
37
|
+
|
38
|
+
|
39
|
+
さて、JS取得に関してですが、日付比較の処理などの勉強をしっかりされたほうがいいかと思います。
|
40
|
+
|
41
|
+
大事なのは、フォーマットです。
|
42
|
+
|
43
|
+
上記の状態で、フォーマット指定をせず、日付を出力すると、日本においては、
|
44
|
+
|
45
|
+
`2020年1月21日 15時`と、そんな感じで出力されるかと思います。
|
46
|
+
|
47
|
+
しかしそれでは、
|
48
|
+
|
49
|
+
`time = $(this).text().split(":");`で正しく取得なんてできはしません。
|
50
|
+
|
51
|
+
(`split`は第一引数の文字列区切りの配列を返すメソッド。今回のままでは、`:`なんてどこにも入っていないのでうまくいかない)
|
52
|
+
|
53
|
+
よって、下記のようにする必要があります。
|
54
|
+
|
55
|
+
|
56
|
+
|
57
|
+
```html
|
58
|
+
|
59
|
+
<!-- 他の部分は省略 -->
|
60
|
+
|
61
|
+
<!-- 本来は、:区切りは、時:分:秒のみにすべきで、日付は、年/月/日 or 年-月-日が望ましい。(世界標準に準拠するため) -->
|
62
|
+
|
63
|
+
<!-- また、取得用のタグに日付が入っておらず取得できない状態だったので、取得できるように若干修正 -->
|
64
|
+
|
65
|
+
<mt:pages limit="1" sort_by="modified_on">
|
66
|
+
|
67
|
+
<!-- span.newの中に入ってなかったので、そりゃ取得できない。修正 -->
|
68
|
+
|
69
|
+
<span class="new"><$mt:PageModifiedDate format="%Y:%m:%d:%H:%M:%S"$></span></mt:pages>
|
70
|
+
|
71
|
+
|
72
|
+
|
73
|
+
<script type="text/javascript">
|
74
|
+
|
75
|
+
// passage time
|
76
|
+
|
77
|
+
var pass = 24;
|
78
|
+
|
79
|
+
|
80
|
+
|
81
|
+
// display content
|
82
|
+
|
83
|
+
var content = 'NEW!';
|
84
|
+
|
85
|
+
|
86
|
+
|
87
|
+
var currentDate = new Date();
|
88
|
+
|
89
|
+
$(function(){
|
90
|
+
|
91
|
+
$('.new').each(function(){
|
92
|
+
|
93
|
+
// 文字列配列取得なので、数値が入った配列に、メソッドチェーンにて修正
|
94
|
+
|
95
|
+
// 日付の出力を、全て:区切りにしているため、split(':')で取得できるようになっている。
|
96
|
+
|
97
|
+
const time = $(this).text().split(":").map(v => Number(v));
|
98
|
+
|
99
|
+
// 数値配列になっているため、time[1] - 1の計算が正しく行われる
|
100
|
+
|
101
|
+
const entryDate = new Date(time[0], time[1]-1, time[2], time[3], time[4], time[5]);
|
102
|
+
|
103
|
+
let now = (entryDate.getTime() - currentDate.getTime())/(60*60*1000);
|
104
|
+
|
105
|
+
now = Math.ceil(now);
|
106
|
+
|
107
|
+
// -先頭にいれていたのはなぜ?日付の差が24時間以内との比較なら下記で十分
|
108
|
+
|
109
|
+
if(now <= pass){
|
110
|
+
|
111
|
+
$(this).html(content).css('display', 'inline');
|
112
|
+
|
113
|
+
}
|
114
|
+
|
115
|
+
});
|
116
|
+
|
117
|
+
});
|
118
|
+
|
119
|
+
</script>
|
120
|
+
|
121
|
+
```
|
122
|
+
|
123
|
+
日付処理というか、JavaScriptの基礎がなっていなかったようにお見受けしますので、
|
124
|
+
|
125
|
+
ご自身のコードとじっくり見比べ、何が違うのかしっかりと勉強してください。
|