jquery - jQuery Datepicker 对月份变化的幻灯片效果

Question

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

有没有办法做到这一点？例如：

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");