Ajax日历扩展程序不显示所有天 | Ajax日历扩展程序不显示所有天

本文介绍了Ajax日历扩展程序不显示所有天的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！

问题描述

我在我的应用程序中使用ajaxToolkit：CalendarExtender。现在问题是它没有显示所有日期，20日后的日期不可见。我不知道是什么问题，是任何CSS问题还是别的什么。

请帮助我克服这个问题。提前致谢。我的HTML代码是

i am using ajaxToolkit:CalendarExtender in my appliction. now the problem is that it is not showing all the dates,dates after 20 is not visible. i don't know what is the problem,is any css problem or something else.

kindly help me to overcome from this problem. thanks in advance. my html code is

<body>
<form id="form1" runat="server">
    <ajaxToolkit:ToolkitScriptManager ID="ToolkitScriptManager1"  runat="server"></ajaxToolkit:ToolkitScriptManager>
    <div>
        <span style="font-family: Segoe UI Light; font-size: 26pt;">Consolidated Trial Balance</span>
        <div class="body">
            <div>
                <ul style="list-style: none;">
                    <li>
                        <div class="col1">
                            <span>From Date</span>
                        </div>
                    </li>
                    <li>
                        <div class="col2">
                            <asp:TextBox ID="txtFromDate" runat="server" Width="130"></asp:TextBox>
<asp:ImageButton ID="imgbtnFromDate" runat="server" Height="25" Width="25" ImageUrl="~/images/Calendar_scheduleHS.png" Style="position: relative; left: 10px; bottom: -8px;" />
                            <ajaxToolkit:CalendarExtender ID="CalendarExtender1"

                                PopupButtonID="imgbtnFromDate"

                                TargetControlID="txtFromDate"

                                Format="dd/MM/yyyy"

                                 runat="server"

                                CssClass="calender">
                            </ajaxToolkit:CalendarExtender>

                        </div>
                    </li>
<li>

                        <div class="col1">
                            <span>To Date</span>
                        </div>
                    </li>
<li>
                        <asp:TextBox ID="txtToDate" runat="server" Width="130"></asp:TextBox>
 <asp:ImageButton ID="imgbtnToDAte" runat="server" Height="25" Width="25" ImageUrl="~/images/Calendar_scheduleHS.png" Style="position: relative; left: 10px; bottom: -8px;" />
                        <ajaxToolkit:CalendarExtender ID="CalendarExtender2"

                            PopupButtonID="imgbtnToDAte"

                            TargetControlID="txtToDate"

                            Format="dd/MM/yyyy"

                             runat="server"

                            CssClass="calender">
                        </ajaxToolkit:CalendarExtender>

                    </li>
                </ul>

            </div>
 <div style="margin-removed 450px; margin-removed 40px;">
                <ul style="list-style: none;">
                    <li>
                        <asp:Button ID="btnCancel" runat="server" CssClass="button" Text="Cancel" />
                    </li>
                    <li>
                        <asp:Button ID="btnReset" runat="server" CssClass="button" Text="Reset" OnClick="btnReset_Click" />
                    </li>
                    <li>
                        <asp:Button ID="btnGenerate" runat="server" CssClass="button" Text="Generate" OnClientClick="if(!CompareDates()) return false;" OnClick="btnGenerate_Click" />
                    </li>
                </ul>
            </div>
</div>

    </div>
</form>

和我的css就像是

and my css is like

body {
       font-family: 'Segoe UI';
       color: #444;
   }

   .body {
       width: auto;
       margin-top: 50px;
   }

   ul li {
       display: inline-block;
       margin-left: 10px;
   }

   .button {
       width: 80px;
       height: 30px;
   }
.col1 {
       width: 80px;
   }

   .col2 {
       width: 300px;
   }

推荐答案

.MyCalendar .ajax__calendar_container {
            border: 1px solid #646464;
            background-color: lemonchiffon;
            color: red;
        }

            .MyCalendar .ajax__calendar_container th {
                padding: 0px;
            }

            .MyCalendar .ajax__calendar_container td {
                background-color: lemonchiffon;
                padding: 0px;
            }

        .MyCalendar .ajax__calendar_other .ajax__calendar_day, .MyCalendar .ajax__calendar_other .ajax__calendar_year {
            color: black;
        }

        .MyCalendar .ajax__calendar_hover .ajax__calendar_day, .MyCalendar .ajax__calendar_hover .ajax__calendar_month, .MyCalendar .ajax__calendar_hover .ajax__calendar_year {
            color: black;
        }

        .MyCalendar .ajax__calendar_active .ajax__calendar_day, .MyCalendar .ajax__calendar_active .ajax__calendar_month, .MyCalendar .ajax__calendar_active .ajax__calendar_year {
            color: black;
            font-weight: bold;
        }

这篇关于Ajax日历扩展程序不显示所有天的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持！