@saekitominaga/htmlconvert-time-japanese v1.0.1

HTML 内の特定フォーマットの日付文字列を <time> 要素に変換する。（日本語専用）

HTML 文字列から指定されたクラス名の要素を抽出し、その日付文字列を <time> 要素に変換する。 datetime 属性値を手書きするのはヒューマンエラーが発生しうるため、ビルド時に自動変換を掛ける時に使う。

Examples

import HtmlConvertTimeJapanese from '@saekitominaga/htmlconvert-time-japanese';

HtmlConvertTimeJapanese.convert('<p><span class="time">2000年1月1日</span></p>', { class: 'time' }); // <p><time datetime="2000-01-01">2000年1月1日</time></p>
HtmlConvertTimeJapanese.convert('<p><span class="time">2000年1月</span></p>', { class: 'time' }); // <p><time datetime="2000-01">2000年1月</time></p>
HtmlConvertTimeJapanese.convert('<p><span class="time">2000年</span></p>', { class: 'time' }); // <p><time datetime="2000">2000年</time></p>

HtmlConvertTimeJapanese.convert('<p><b class="time">2000年1月1日</b></p>', { element: 'b', class: 'time' }); // <p><time datetime="2000-01-01">2000年1月1日</time></p>

HtmlConvertTimeJapanese.convert('<p><span class="time">2000年99月99日</span></p>', { class: 'time' }); // <p><time datetime="2000-99-99">2000年99月99日</time></p> ※日付の妥当性チェックは行わない

try {
    HtmlConvertTimeJapanese.convert('<p><span class="time">1月1日</span></p>', { class: 'time' }); // Error: 年は必須
} catch {
}
try {
    HtmlConvertTimeJapanese.convert('<p><span class="time">２０００年１月１日</span></p>', { class: 'time' }); // Error: 全角数字や漢数字には対応して
} catch {
}いない
try {
    HtmlConvertTimeJapanese.convert('<p><span class="time">2000年1月1日1時1分</span></p>', { class: 'time' }); // Error: 時刻には対応していない
} catch {
}

Methods

Option

interface Option {
    element?: string; // 変換対称の要素名（省略時は 'span'）
    class: string; // 変換対象のクラス名
}