0

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
            });

日付ピッカーに新しいテーマが表示されます

しかし、ボタンクリックで使用したいので、この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