小規模Webサイト向け CMS 「すぐ使えるCGI」のサポート情報

更新日の日付をボタンで入力する方法(JavaScript)

最終更新日: 2008-08-20

既存の登録記事を更新する際に、ボタンクリックで「今日の日付」を入力するためのテンプレート編集方法をご紹介します。

ボタンクリックでの日付入力イメージ図

クリックする事によって、編集時の日付がフィールドに自動入力されます。

設定方法

templates/admin/2.html を編集して下さい。

関数の設定

テンプレートの <head> タグ内に、以下の JavaScript を追加して下さい。

<script type="text/javascript"><!--
var DateSaved = 0;
var TIME = new Array();
function set_today(FM, ctrl){
	var TODAY = new Date();
	if (DateSaved == 0){
		TIME["y"] = FM.yyyy.value;
		TIME["m"] = FM.mm.value;
		TIME["d"] = FM.dd.value;
		DateSaved = 1;
	}
	if (ctrl == 0){
		if (DateSaved == 1){
			FM.yyyy.value = TIME["y"];
			FM.mm.value = TIME["m"];
			FM.dd.value = TIME["d"];
		}
	} else {
		FM.yyyy.value = TODAY.getFullYear();
		FM.mm.value = TODAY.getMonth()+1;
		FM.dd.value = TODAY.getDate();
	}
}
// --></script>


ボタン設定

日付フィールドの近くにボタンを設定します。
下記のコードを追加して下さい。上記の例では、「日付」欄の末尾に追加しています。

<input type="button" onClick="set_today(this.form, 1)" value="今日">
<input type="button" onClick="set_today(this.form, 0)" value="戻す">


編集の反映

編集が終わったら、サーバの同じ位置に上書きアップロードして下さい。

関連リンク

さらに詳しく