1

日付ピッカーで特定の日付をクリックしたら、Javascript 関数を呼び出すにはどうすればよいですか?

onSelect および onClose 関数がうまくいくと思いますが、うまくいかないようです。

前もって感謝します。

例えば:

私がやりたかったのは、日付ピッカーで選択した日付に基づいて、別のテキスト ボックスに年齢を表示することです。私はすでにそれを行う JS 関数を作成しましたが、datepicker で日付をクリックした後に呼び出す方法がわかりません。

この JS 関数は、指定された日付に基づいて年齢を計算します。

// Calculates age based on birth date
function calAge() {
var now = new Date();
var bday = form1.elements['bday'].value;

bD = bday.split('/');
if (bD.length == 3) {
    born = new Date(bD[2], bD[1] * 1 - 1, bD[0]);
    years = Math.floor((now.getTime() - born.getTime()) / (365.25 * 24 * 60 * 60 * 1000));
    form1.elements['age'].value = (years - 100);
}

}

これがデートピッカーです。JS関数を呼び出すのは正しいですか?

$(".datepicker2")
    .datepicker({
        showOn: "button",
        buttonImage: "images/calendar.gif",
        buttonImageOnly: true,
        dateFormat: "dd/mm/y",
        changeMonth: true,
        changeYear: true,
        onSelect: calAge
    })
4

2 に答える 2

3

日付ピッカーを初期化するときに、次のように onSelect 関数を定義できます。

$('#datepicker').datepicker({ onSelect: function(date) {alert(date);}});

簡単な例を次に示します。

http://jsfiddle.net/7jTNL/

于 2012-08-19T16:23:01.570 に答える
0

change イベントを入力にバインドします。

$("#theInput")    .datepicker({params...})
                  .change(function(e){
                       //what you want to happen when a date is changed.
                  })
于 2012-08-19T16:22:45.240 に答える