javascript　カレンダー

Question

dy201

2

0もっと見る

ウェブ制作

javascript　カレンダー

http://www.kawa.net/works/js/jkl/calender.html
で日付入力は　2012/06/15　という形式ですが、
2012年6月15日(金)　という形式にしていただきたいです。
多分コードをいじらないといけないと思います。
ずうずうしいお願いですが、やっていただけたら幸いです。
よろしくお願い致します。

回答の条件

1人5回まで

登録：2012/06/15 10:59:48
終了：2012/06/16 09:53:50

a-kuma3 2012/06/15 21:36:22

質問で示されてる URL から、こんなとこに飛べる。
http://www.kanaya440.com/contents/js/calendar/

この人がいじったコードだと、日付のフォーマットが割と自由に設定できる。
残念なのは、カレンダーを別ウィンドウで出してるところかな。
今どきの UI に慣れちゃうと、ちょっとダサい。
dy201 2012/06/16 09:53:34

参考にさせていただきます。ありがとうございました。

「あの人に答えてほしい」「この質問はあの人が答えられそう」というときに、回答リクエストを送ってみてましょう。

これ以上回答リクエストを送信することはできません。制限について

リクエスト送信済

回答リクエストを送信したユーザーはいません

Cherenkov · Accepted Answer · 2012-06-15T14:58:49+09:00

No.1

Cherenkov15044932012/06/15 14:58:49

これでどうでしょう。表示部分しか確認していないのでおかしいところがあるかも。
ちゃんとテストしてください。
shift_jisで保存。

// フォーム入力欄に指定した値を書き込む

JKL.Calendar.prototype.setFormValue = function (ymd) {
    if ( ! ymd ) ymd = this.getDateYMD();   // 無指定時はオブジェクトから？
    var form1 = this.getFormElement();
    if ( form1 ) form1.value = ymd.replace(/(\d+)\/0?(\d+)\/0?(\d+)/, function(e, y, m, d) {
      var day = ["日","月","火","水","木","金","土"][new Date(e).getDay()];
      return y + '年' + m + '月' + d + '日' + '(' + day + ')';
	});
};

他3件のコメントを見る

カレンダーを表示するときに、JKL.Calendar.write() から、JKL.Calendar.getFormElement() が呼ばれているので、そっちも変えてあげなきゃ駄目だと思う。
こんな感じかな。なんか、判定を入れた方が良いのかな…

// テキスト入力欄の値を返す（ついでにオブジェクトも更新する）

JKL.Calendar.prototype.getFormValue = function () {
    var form1 = this.getFormElement();
    if ( ! form1 ) return "";
    var date1 = this.setDateYMD( form1.value.replace(/(\d+)年(\d+)月(\d+)日.*/, "$1/$2/$3") );
    return date1;
};

2012/06/15 15:26:42

ありがとうございます。
getFormValue()も変えないと選択した日付のハイライトがされませんでしたね。
でもちゃんと動いていないような。

2012/06/15 15:45:24

あきらめてjQueryUIにするとか。dateFormat, regionalオプションを設定すればできそう。
jQuery UI - Datepicker Demos & Documentation

2012/06/15 16:57:02

でもちゃんと動いていないような。

ちゃんと動いてないのは、ぼくのコードです？
雰囲気だけで書いてしまいました　(^^;

2012/06/15 21:38:42

やっていただいて、ありがとうございました！無事目的どおり表示されました。本当にうれしいです！作者さんのページで紹介させていただければと思います。本当にありがとうございました。

2012/06/16 09:52:37

javascript　カレンダー

ベストアンサー

Cherenkov15044932012/06/15 14:58:49

コメント（2件)

この質問への反応（ブックマークコメント）

javascript カレンダー

ベストアンサー

Cherenkov15044932012/06/15 14:58:49

コメント（2件)

この質問への反応（ブックマークコメント）

javascript　カレンダー