jQuery Datepicker幻灯片对月份变化的影响

Question

我正在使用jQuery Datepicker来设置日期并将其显示在输入上。 我想创建这样的效果：DZS Calendar所以当我点击下一个或上一个时我想用幻灯片效果动画来改变月份。

有没有办法实现这个目标？ 例如：

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

或：

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

如何使用 Datepicker ？

执行此操作

Answer 1

您可以使用onChangeMonthYear在月份更改时添加自定义动画。

以下是如何操作：

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

（这假设您将datePicker附加到ID为“textBox1”的文本框中）

这是一个有效的jsFiddle：

http://jsfiddle.net/7x5ma/

编辑：这是另一个jsFiddle，效果类似于你所描述的效果（不是幻灯片效果，而是淡入淡出效果）：

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

您只需要像这样更改动画：

$(".ui-datepicker").hide().fadeIn("slow");