Question

我有一个文本框，其中注册了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>

如果没有选项，选择器至少会显示出来。有人能告诉我一个解决方案，更好，发生了什么？谢谢！

Answer 1

在init之后定义选项：

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

或同时：

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

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

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

jquery datepicker动画选项不会工作

1 个答案: