2011-03-25 93 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

相關問題