0

我在单击按钮时在 asp.net 页面上动态创建日期选择器。我使用了 jquery ui themerollover 和 datepicker 的 scode，因此 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 隐藏日期选择器

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

但是点击按钮时不显示日期选择器

4

1 回答 1

0

我添加了这个类：

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

它奏效了。

于 2013-10-23T15:36:55.360 回答