0

jquery UI の datepicker を使用して、データベースから datepicker で選択された日付から情報をロードする POST をトリガーしたいと考えています。

これは2部構成の質問だと思います

日付ピッカーの日付が選択されたときに POST に渡されるようにする方法はありますか?そのため、誰かが 2010 年 1 月 1 日をクリックすると、自動的に mysite.com?date=01012010 に移動します。現在、datepicker はテキスト ボックスを日付で更新するだけなので、2010 年 1 月 1 日をクリックすると、テキスト ボックスには 01-01-2010 が入力されます。

パート 1 で尋ねたことを実行する方法がない場合、パート 2 に進みます。テキスト ボックスの更新時にイベントをトリガーする方法はありますか?

onTextUpdate{

リダイレクト先 - mysite.com?date=$whateverIsInTextBox

}

またはそのようなもの

これを行うための解決策やアイデアがあれば教えてください。どうもありがとう

4

3 に答える 3

5

ajax を使用したくない場合は、次のようにすることができます。

$("#datepicker").datepicker({

    onSelect: function(date, instance) {
            window.location = "www.example.com/?date="+date;
    }
});

もしそうなら:

$("#datepicker").datepicker({

    onSelect: function(date, instance) {

        $.ajax
        ({
            type: "GET",
            url: "www.example.com",
            data: "date="+date,
            success: function(result)
            {
               //do something
            }
       });  
    }
});
于 2009-06-18T19:07:42.450 に答える
0

日付ピッカーの OnSelect イベントを使用する

$('id').datepicker({
   onSelect: function(dateText, ins) { ... }
});

要件に基づいて、datepicker コントロールの他のイベントを試すことができます

于 2009-06-18T19:02:28.090 に答える
0

jQuery datepicker ウィジェットには多数のイベントが関連付けられています。onSelect は、上記のポイント #1 をカバーする必要があります。

$('.selector').datepicker({
   onSelect: function(dateText, inst) { ... }
});

あなたの場合、 $.GET または $.POST 関数を使用してデータをサーバーに渡すことができます。

于 2009-06-18T19:02:58.213 に答える