2011-03-25 80 views
3

我有一个文本框,它已注册到它的JQuery UI DatePicker控件。它工作正常,但当我尝试添加动画选项时,控制自己不会工作。jQuery的日期选择器动画选项将无法工作

<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> 

没有选项,选取器至少会显示自己。有人能告诉我一个更好的解决方案,发生了什么? 谢谢!

回答

13

初始化后,定义选项:

// 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> 
+0

哇!你似乎是jquery大师。非常感谢!顺便说一句,我怎么知道我应该做两次绑定,一次正常,第二次与选项?这个想法永远不会触及我 – 2011-03-25 01:40:38

+0

有没有办法让日期选择器的尺寸变小? – 2011-03-25 01:42:51