1

たくさんの質問と回答がありますが、探しているものが見つかりませんでした。

リンクをクリックして日付ピッカーを表示していますが、ユーザーが日付を選択しても非表示にできません。何か提案があれば教えてください。関連するコードはhttp://jsfiddle.net/5qE8K/にあります。

    $("#calendar > a").unbind('click').bind('click', function(e){
        e.preventDefault();

        var calendar = $(this).parent();

        $("#content").datepicker({
            beforeShow: function(){
                $(".ui-datepicker").css({
                    'position'  :   'absolute',
                    'top'       :   (calendar.offset().top + calendar.height() + 4) + 'px',
                    'left'      :   (calendar.offset().left + calendar.width() - $(".ui-datepicker").outerWidth(true)) + 'px'
                });
            },
            onSelect: function(date, obj){
                calendar.children("div#selected-date").text(obj.selectedDay + '/' + (obj.selectedMonth+1) + '/' + obj.selectedYear);
                calendar.children("span").text(obj.selectedDay);
                $("#content").datepicker('hide');
            }
        });
    });
4

1 に答える 1

0

インライン detepicker (つまり、input 以外の要素に接続された datepicker) で 'hide' を呼び出しても何も起こりません。destroy を呼び出してみてください。

// ...
calendar.children("span").text(obj.selectedDay);
$("#content").datepicker('destroy');
// ...
于 2012-10-16T22:01:47.617 に答える