jquery datepicker动画选项不起作用

【问题标题】：jquery datepicker animation options wont workjquery datepicker动画选项不起作用
【发布时间】：2011-07-22 14:27:37
【问题描述】：

我有一个文本框，其中注册了 JQuery UI DatePicker 控件。它工作正常，但是当我尝试添加动画选项时，控件本身不起作用。

<head runat="server">
<script>
    $(document).ready(function() {
        $("#TextBox1").datepicker("option", "showAnim", 'slideDown');
    });
</script>
</head>
<body>
    <form id="form1" runat="server">
    <div>
        <asp:TextBox ID="TextBox1" runat="server"></asp:TextBox>
    </div>
    </form>
</body>

没有这些选项，选择器至少会显示自己。有人可以告诉我一个更好的解决方案吗，发生了什么？谢谢！

【问题讨论】：

标签： jquery-ui jquery-animate

【解决方案1】：

在初始化后定义选项：

// initialization (~= constructor)
$("#TextBox1").datepicker();
// set options
$("#TextBox1").datepicker("option", "showAnim", 'slideDown');

或同时：

// initialization + options (~= constructor with args)
$("#TextBox1").datepicker({showAnim: 'slideDown'});

要调整它的大小，将此样式添加到您的 html 文件中 <link> 到 jquery.ui.all.css 之后（或在您的自定义 .css 中）：

<style type="text/css">
    div.ui-datepicker{
     font-size:...px;
    }
</style>

【讨论】：

哇，伙计！你似乎是 jquery 大师。非常感谢！顺便说一句，我怎么知道我应该进行两次绑定，一次正常，第二次使用选项？这种想法永远不会打动我
有什么办法可以减小日期选择器的大小吗？