6

JQueryUIの日付ピッカーがあります。日付を選択すると、グラフのデータが変化します。

問題は、日付ピッカーで日付を選択すると、ページ全体が更新され、データが入力されることです。

とにかく、タグにあるグラフを更新するだけでいいですか？日付を選択すると、jqueryはサーバーに投稿し、選択した日付の新しいデータを取得することに注意してください。

$.ajax({ });サーバーへの呼び出しに使用 しています。私はこれでうまくいくと思っていたでしょうが、そうではありません。

どんな助けでも大歓迎です。

4

3 に答える 3

4

あなたのメソッド、div の名前がわかりません。これが役立つ場合は、それに応じて変更してください。次のようにしてみてください。

        $("#DateDiv").datepicker({
        showOtherMonths: true,
        selectOtherMonths: true,
        dateFormat: "yy/mm/dd",
        onSelect: function (dateText, inst)
        {
            UpdateGraph(dateText);
        },
        onChangeMonthYear: function(year, month, inst) 
        { 
            $.ajax({
                async: false,
                cache: false,
                contentType: "application/json; charset=utf-8",
                dataType: "json",
                url: "@Url.Action("LoadGraph", "YourController")",
                data:
                {
                    date: new Date(year, month - 1, 1).toString("yyyy/MM/dd")
                },
                success: function (data)
                {
$("#UpdateGraphDataDiv").html(data);
                                   },
                error: function (request, status, error)
                {
                    DisplayErrorMessageBox(ParseErrorFromResponse(request.responseText, "Unknown error"), true);
                }
            });
        }
于 2012-06-19T08:07:59.333 に答える
2

次のようなものが必要です

$('button').click(function(event){ 
   event.preventDefault();
   $.ajax({ ... } );
});
于 2012-06-16T17:15:57.393 に答える
1

これを試して

$('#datepickerid').datepicker({
   onSelect: function(dateText, inst) { 
     $.ajax({ ... } );
     return false;
   }
});
于 2012-06-16T18:19:39.313 に答える