Question

我想让我的日历工作。我目前正在使用JQuery UI datepicker，我对此非常满意。但我不会将它用作文本框中的选择器，我将其用作“独立”。

当我改变月份时，我正试图实现幻灯片效果。但我不想滑动整个日历。我只想滑动标题和日期本身，而不是下一个/上一个按钮而不是工作日。

首先我尝试了这个：

onChangeMonthYear: function(year, month, inst) {
    $(".ui-datepicker").hide("slide", { direction: "right" }, 500).show("slide", { direction: "left" }, 500);
}

显然整个日历都在移动。但只是通过将 .ui-datepicker 更改为 .ui-datepicker-title 来尝试滑动标题，没有任何反应。如果有效的话，我认为这看起来很奇怪。因为标题会在消失的同时向右移动，而新标题会出现。但我想要实现的是一种效果，就像它在下一个“按钮”后面滑动，新的月份和年份从前一个按钮后面进入。

很难描述，所以观看我制作的这个动画。我希望实现这样的目标： http://gifmaker.me/PlayGIFAnimation.php?folder=2014031022viCiUrQHvGuK1MAVDKd4ve&file=output_UagFEZ.gif （设计已经完成并且有效。问题就是问题）

使用datepicker可以吗？我还没有找到办法。

Answer 1

完美地尝试这项工作：

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

     }

JQuery UI Datepicker幻灯片标题和月份更改日期

1 个答案: