現在の日時をリアルタイムで取得(ローカル)
jQueryで現在の日時をリアルタイムで取得(ローカル)して表示するライブラリです。
サンプル
2025年07月20日 (日) 1時50分30秒
ライブラリのダウンロードと設置
「ライブラリのダウンロード」をクリックしてダウンロードしてください。
ライブラリのダウンロード
ダウンロードしたjquery.todate.jsを任意の場所へ置き読み込みます。
(jQueryの設置および読み込みは、完了もしくは同時作業を行っているものとします。)
1 2 | < script type = "text/javascript" src = "jquery.todate.js" ></ script > |
JavaScript
設定したい要素などを指定し実行します。
1 2 3 4 | $( document ).ready( function () { $( '#date' ).toDate(); }); |
HTML
1 2 | < div id = "date" ></ div > |
オプション
以下のオプションが設定可能です。
オプション | 初期値 | 説明 |
---|---|---|
format | 'm/d/Y w h:i:s' | 日付の書式 |
month | ['January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December'] |
日付の書式内でMまたはNを 指定した場合の月の英語書式 |
jweek | ['日', '月', '火', '水', '木', '金', '土'] |
日付の書式内でWを指定した 場合の曜日の日本語書式 |
eweek | ['sun', 'mon', 'tue', 'wed', 'shu', 'fri', 'sat'] |
日付の書式内でwを指定した 場合の英語書式 |
1 2 3 4 5 6 | $( document ).ready( function () { $( '#date' ).toDate({ format : 'Y年m月d日 (W) h時i分s秒' }); }); |
日付の書式「format」オプションの書式文字
書式文字 | 説明 |
---|---|
y | 2桁数字の年 |
Y | 4桁数字の年 |
m | 2桁数字の月 |
M | 英語表記の月(フルスペル) |
n | 1桁数字の月 |
N | 英語表記の月(3桁スペル) |
d | 2桁数字の日 |
j | 1桁数字の日 |
h | 12時間表記の時 |
H | 24時間表記の時 |
i | 2桁数字の分 |
s | 2桁数字の秒 |
w | 英語表記の曜日 |
W | 日本語表記の曜日 |