ここから本文です

jQueryでdatepicker後に他のフィールドにも同じ値を入れたい。

ish********さん

2010/11/2311:51:32

jQueryでdatepicker後に他のフィールドにも同じ値を入れたい。

共通入力:<input type="text" name="f1" id="f1">
日付1:<input type="text" name="hoge[0]" class="hoge">
日付2:<input type="text" name="hoge[1]" class="hoge">
日付3:<input type="text" name="hoge[2]" class="hoge">
日付4:<input type="text" name="hoge[3]" class="hoge">
というフォームがあったとき、jQueryのdatepickerを使ってid="f1"に日付を入力したらclass="hoge"の各フィールドにも同じ日付を入れたいと思って下記のコードを書きました

$(document).ready(function(){
$('#f1').datepicker(function(){
v = $('#f1').val();
$('input.hoge').val(v);
});
});

id="f1"のフィールドに日付を入れると、class="hoge"のフィールドにも同じ日付が入るというコードを書いたつもりなのですが、f1に日付を表示させることはできましたがclass="hoge"のフィールドには何も入力されません。

どこが問題なのか教えていただけないでしょうか。

閲覧数:
7,583
回答数:
1
お礼:
50枚

違反報告

ベストアンサーに選ばれた回答

プロフィール画像

カテゴリマスター

sii********さん

編集あり2010/11/2313:28:12

ちょっと触ってみたのですが、

$('#f1').datepicker(function() {
alert("hoge");
});

このようにしても何もalertされませんので、コールバック関数を引数として直接渡す仕様にはなっていないのかもしれませんね。

--------------------
$('#f1').datepicker({
onClose: function(t){
$('input.hoge').val(t);
}
});
--------------------

このようにオプションでonCloseイベントに割り当てると、ご希望の動作を確認することができるのではないでしょうか。

【参考】
jQuery UI - Datepicker Demos & Documentation
http://jqueryui.com/demos/datepicker/#event-onClose

質問した人からのコメント

2010/11/23 13:42:03

datepickerでカレンダーを閉じる時に発生するonCloseイベントを使うんですね。なるほど思いつきませんでした。おかげさまで希望通りの挙動になりました。ありがとうございます。

この質問につけられたタグ

みんなで作る知恵袋 悩みや疑問、なんでも気軽にきいちゃおう!

Q&Aをキーワードで検索:

Yahoo! JAPANは、回答に記載された内容の信ぴょう性、正確性を保証しておりません。
お客様自身の責任と判断で、ご利用ください。
本文はここまでです このページの先頭へ

「追加する」ボタンを押してください。

閉じる

※知恵コレクションに追加された質問は選択されたID/ニックネームのMy知恵袋で確認できます。

不適切な投稿でないことを報告しました。

閉じる