nfuoia/modules/announcement/_annc_widget11.html.erb

48 lines
1.5 KiB
Plaintext

<div class="w-annc widget-announcement-11">
<h3 class="w-annc__widget-title">
<span>{{widget-title}}</span>
</h3>
<ul class="w-annc__list" data-level="0" data-list="announcements">
<li class="w-annc__item row">
<span class="w-annc__postdate-wrap col-sm-3" date-format="%Y-%m-%d">
<span class="w-annc__postdate">{{postdate}}</span>
</span>
<h4 class="w-annc__entry-title col-sm-9">
<span class="w-annc__status-wrap" data-list="statuses" data-level="1">
<span class="w-annc__status label status {{status-class}}">{{status}}</span>
</span>
<a class="w-annc__title" href="{{link_to_show}}">{{title}}</a>
</h4>
</li>
</ul>
<div class="w-annc__more-wrap clearfix">
<a class="w-annc__more btn btn-primary pull-right" href="{{more_url}}"><%= (I18n.locale.to_s =="zh_tw") ? "更多最新消息" : "More NEWS" %></a>
</div>
</div>
<script>
$(document).ready(function () {
$(".w-annc__postdate").each(function () {
let dateText = $(this).text().trim();
// 分割成 [年, 月, 日]
let parts = dateText.split("-");
if (parts.length === 3) {
let year = parts[0];
let month = parts[1].padStart(2, "0");
let day = parts[2].padStart(2, "0");
// 月/日 => 一定用 "/"
let md = `${month}/${day}`;
// 注入回 HTML
$(this).html(`
<span class="w-annc__postdate-year">${year}</span>
<span class="w-annc__postdate-md">${md}</span>
`);
}
});
});
</script>