Asp.net日期选择器没有显示正确的位置

时间:2018-04-12 11:41:14

标签: javascript c# asp.net

我的网络应用程序中有一个日期选择器,当我点击日期选择器文本框时,日期选择器弹出窗口没有显示在文本框附近但显示在页面向下

 <td>                               
                             <table style="width: 100%">
                                 <tr>
                                     <td>
                                         <div id="CalendarPosition">
                                             <asp:TextBox ID="txtOriginalEffDate" runat="server" CssClass="renDatePicker"></asp:TextBox></div>
                                     </td>
                                 </tr>
                             </table>
                        </td>  

我使用了以下脚本

 $(function () {

        var effDate = "<%=this.effectiveDate%>";
        var maxdt = new Date(effDate);
         var effdate_year = maxdt.getFullYear();
        maxdt.setMonth(maxdt.getMonth() - 1);
        var allowedDates = "1,15";
        var dt_arr = allowedDates.split(",");

        $(".renDatePicker").datepicker({
            changeMonth: true,
            changeYear: true,
            yearRange: '2003:'+ effdate_year,
            maxDate: maxdt,
            //defaultDate: defaultDt,
            format: 'mm/dd/yyyy',
            orientation: 'auto bottom',
            beforeShowDay: function (date, inst) {
                if (dt_arr.indexOf(date.getDate().toString()) >= 0) {
                    return [true, ''];
                }
                return [false, ''];
            },
        });
    });

也是这个

 $(function () {
            $(".datetest").datepicker({
                changeMonth: true,
                changeYear: true
            });
        });

这与日期选择器一起正常工作,但在页面显示中显示。

    <script src="../js/jquery-ui.js" type="text/javascript"></script>
<link href="../Content/themes/base/jquery.ui.all.css" rel="stylesheet" /> 

请建议我找到问题的解决方案。

谢谢你的进步。