应用范围的CSS来动态创建jquery ui datepicker

我在asp.net页面上点击按钮动态创建datepicker。我已经使用themerollover和日期选择一个SCODE让日期选择器比jQuery UI的控制的其他风格不同的jQuery用户界面：应用范围的CSS来动态创建jquery ui datepicker

我jQuery是这样的：

<script type="text/javascript"> 
     $(document).ready(function() { 

      $("<input type='hidden'/>").appendTo($('body')).datepicker(); 
      $("#ui-datepicker-div").wrap('<div class="chenge-a" />'); 


      $(".chenge-a").datepicker({ 
       numberOfMonths: 2, 
       showCurrentAtPos:1,   
       onSelect: function (value, date) {     
        $(".txt").val(value); 
        $(".txt").change(function() { 
        }).triggerHandler('change'); 
        e.preventDefault(); 
       } 
      }); 
     }); 


    </script>

我的HTML是这样的：

<asp:TextBox ID="txtdatetemp" runat="server" AutoPostBack="True" 
    ontextchanged="txtdatetemp_TextChanged" class="txt" style="display:none" ></asp:TextBox> 


    <span id="spDate"> 
       <asp:Button ID="Button2" runat="server" Text="<%$ Resources:Vacancies, DateRange %>" CssClass="chenge-a" OnClientClick="return false;" /> 
       </span>

在上面的jQuery我添加以下几行，因为它是错误的jQuery的日期选择器，它不挑作用域主题：

$("<input type='hidden'/>").appendTo($('body')).datepicker(); 
       $("#ui-datepicker-div").wrap('<div class="chenge-a" />');

详细信息是在这里：

Making a programmatically created jQuery UI datepicker work with CSS scope

，但它有一个缺点，因为当页面加载时，一个datepicker在asp.net页面的底部。有什么更好的方法来应用范围的jQuery UI的主题datepicker？

我尝试使用这个CSS

.ui-datepicker-inline{display:none !important}

隐藏日期选择器，但是那么日期选择器上没有按钮

来源

2013-10-23 DotnetSparrow

的点击显示我加入这个类：

.chenge-A .ui- datepicker-inline {display：none！important}

它工作。

来源

2013-10-23 15:36:55 DotnetSparrow

应用范围的CSS来动态创建jquery ui datepicker

回答

相关问题