web-dev-qa-db-ja.com

jquery UIの日付ピッカー、日付のクリック、日付を取得してURLに渡す

イベントページ(Sharepointページ)にjquery UI datepickerカレンダーがあります。

$('#datepicker').datepicker();

ユーザーが任意の日付をクリックして日付を取得し、その日付を取得して、ページURLにmypage.aspx?dt = 1/12/2012として渡す必要があります。これはありますが機能しません。

$('.ui-datepicker td a').click(function(){  
        var url=$(location).attr('href');
        var date = $(this.datepicker( "getDate" ));
                if(date != 'null')
            url += '&dt=' + date;           
        window.location.href=url;
        });

これも機能しません。

$('.ui-datepicker td a').click(function() { 
        window.location.href = 'http://mysite/events/Pages/default.aspx?dt=' + $('#datepicker').datepicker().val();
        });

誰かが助けることができますか?

11
Anjana Sharma

試す

$('#datepicker').datepicker({
    onSelect: function(dateText, inst) { 
        window.location = 'http://mysite/events/Pages/default.aspx?dt=' + dateText;
    }
});

onSelectイベントを使用( ここに記載

日付ピッカーが選択されたときに独自のイベントを定義できます。この関数は、選択された日付をテキストとして受け取り、datepickerインスタンスをパラメーターとして受け取ります。これは、関連する入力フィールドを指します。

29
MikeM