0

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

我添加了这个 html

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

并编写这个 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();
                }
            });

 });

它在新主题(带范围)中显示第一个日期选择器,其中按钮日期选择器显示为旧日期选择器主题,尽管我已将 .chenge-a 指定为按钮的类。

请建议为什么带有范围的主题不适用于带有按钮的日期选择器?

4

1 回答 1

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
于 2013-10-23T11:42:46.417 回答