2013-10-23 59 views
0

我在我的asp.net應用程序中使用Jquery UI和使用「Le Frog」主題。我試圖使用http://jqueryui.com/themeroller定製datepicker。在定製它並單擊下載後,我將mycustomdatepicker指定爲主題文件夾名稱,並將.chenge-a指定爲主題範圍。themerolleover jQuery的主題與範圍不適用於按鈕datepicker

我加入這個網站

<div id="datepicker" class="chenge-a"></div> 

,這在jQuery的

$("#datepicker").datepicker({ 
       inline: true 
      }); 

,它顯示在日期選擇器

新的主題,但我想使用它的按鈕點擊,所以我儘量此HTML:

<span id="spDate" > 
    <asp:TextBox ID="txtdatetemp" runat="server" AutoPostBack="True" OnTextChanged="txtdatetemp_TextChanged" 
     class="txt ></asp:TextBox> 
     <asp:Button ID="Button2" runat="server" Text="<%$ Resources:Vacancies, DateRange %>" 
      CssClass="chenge-a" OnClientClick="return false;" /> 
    </span> 

和寫入其中作爲按鈕日期選擇器被示出爲舊日期選擇器主題雖然我已經指定.chenge-一個作爲類別按鈕的這個jQuery

$(document).ready(function() { 


      $("#datepicker").datepicker({ 
       // inline: true 
      }); 

      $(".chenge-a").datepicker({ 
       onSelect: function (value, date) { 
        $(".txt").val(value); 
        $(".txt").change(function() {      
         alert('here'); 
        }).triggerHandler('change'); 

        e.preventDefault(); 
       } 
      }); 

}); 

它示出了在新的主題第一日期選擇器(具有範圍)。

請建議爲什麼主題與範圍不適用於帶按鈕的datepicker?

+0

我能找到答案http://stackoverflow.com/questions/18647260/making-a-programmatically-created-jquery-ui-datepicker-work-with-css-scope – DotnetSparrow

回答

0

我加入這個

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

和它的工作。參考是

http://stackoverflow.com/questions/18647260/making-a-programmatically-created-jquery-ui-datepicker-work-with-css-scope