Question

我在我的asp.net应用程序中使用Jquery UI并使用“Le Frog”主题。我正在尝试使用http://jqueryui.com/themeroller自定义datepicker。在我自定义并单击下载后，我将mycustomdatepicker指定为主题文件夹名称，将.chenge-a指定为主题范围。

我添加了这个html

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

这是在jquery

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

并在datepicker上显示新主题

但我想在按钮点击时使用它，所以我尝试这个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>

并编写此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（带范围），其中按钮datepicker显示了旧的datepicker主题，尽管我已指定.chenge -a作为按钮的类。

请说明为什么带范围的主题不适用于带按钮的datepicker？

Answer 1

我添加了这个

   $("<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

带有范围的themerolleover jquery主题不适用于按钮datepicker

1 个答案: