2

jQuery Datepickerを使用して日付を設定し、入力に表示しています。次のような効果を作成したい: DZS カレンダーなので、次または前をクリックすると、スライド効果アニメーションで月を変更したい。

これを達成する方法はありますか？例えば：

prev: function(){$month.toggle("slide");}
next: function(){$month.toggle("slide");}

また：

changeMonth: function(){$this.toggle("slide");}

Datepickerでこれを行うにはどうすればよいですか?

4

1 に答える 1

2

を使用しonChangeMonthYearて、月が変わるときにカスタム アニメーションを追加できます。

方法は次のとおりです。

$("#textBox1").datepicker({
    onChangeMonthYear: function(year, month, inst) {
        $(".ui-datepicker").show("slide", { direction: "right" }, 600);
    }
});

(これは、「textBox1」という ID を持つテキスト ボックスに datePicker をアタッチしていることを前提としています)

動作中の jsFiddle を次に示します。

http://jsfiddle.net/7x5ma/

編集:これは、説明しているような効果を持つ別のjsFiddleです(スライド効果ではなく、フェード効果です):

http://jsfiddle.net/7x5ma/1/

次のようにアニメーションを変更するだけです。

$(".ui-datepicker").hide().fadeIn("slow");
于 2013-06-19T15:38:26.127 に答える