0

ボタンをクリックすると、asp.netページでdatepickerを動的に作成しています。jquery ui themerollover と datepicker のコードを使用して、datepicker が他の jquery ui コントロールとは異なるスタイルになるようにしました。

私の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 datepicker のバグであるためです。

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

詳細はこちら:

プログラムで作成された jQuery UI の日付ピッカーを CSS スコープで動作させる

ただし、ページが読み込まれると、asp.netページの下部に日付ピッカーが表示されるため、欠点があります。範囲指定されたjquery uiテーマをdatepickerに適用するより良い方法は何ですか?

このcssを使用してdatepickerを非表示にしようとしました

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

しかし、ボタンをクリックしても日付ピッカーは表示されません

4

1 に答える 1

0

このクラスを追加しました：

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

そしてそれはうまくいきました。

于 2013-10-23T15:36:55.360 に答える