Question

我正在使用ASP.Net开发网站，并且已经创建了一个弹出日历，它可以在Internet Explorer中成功运行。但它在chrome中的工作方式不同

<script type="text/javascript">

        function asdf() {
            var div = document.getElementById('<%=Div2.ClientID %>');
            if (div.style.display !== 'none') {
                div.style.display = 'none';
            } else {
                div.style.display = 'block';
            }
        }
    </script>

及其图像日历代码和日历本身

<img alt="Pilih Tanggal" src="images/calendar.png" style="position:absolute;" onclick="javascript:asdf();" /> 
            <div id="Div2" runat="server" style="position:absolute; float:left;"  > 
                    <asp:Calendar ID="Calendar3" style="position:absolute;" runat="server" BackColor="#FFFFCC" 
                    BorderColor="#FFCC66" BorderWidth="1px" DayNameFormat="FirstTwoLetters" 
                    Font-Names="Verdana" Font-Size="8pt" ForeColor="#663399" Height="173px" 
                    ShowGridLines="True" Width="225px"
                    OnSelectionChanged = "Calendar3_SelectionChanged" 
                    ToolTip="Pilih Tanggal Log File Yang Akan Dilihat" 
                    onvisiblemonthchanged="Calendar3_VisibleMonthChanged">
                    <SelectedDayStyle BackColor="#CCCCFF" Font-Bold="True" />
                    <SelectorStyle BackColor="#FFCC66" />
                    <TodayDayStyle BackColor="#FFCC66" ForeColor="White" />
                    <OtherMonthDayStyle ForeColor="#CC9966" />
                    <NextPrevStyle Font-Size="9pt" ForeColor="#FFFFCC" />
                    <DayHeaderStyle BackColor="#FFCC66" Font-Bold="True" Height="1px" />
                    <TitleStyle BackColor="#990000" Font-Bold="True" Font-Size="9pt" 
                    ForeColor="#FFFFCC" />
                </asp:Calendar>
            </div>

任何人都可以帮我解决这个问题吗？

Answer 1

我建议你使用jquery和jquery插件来防止很多工作和痛苦。

试试这个例子： http://www.aspsnippets.com/Articles/jQuery-UI-DatePicker-Calendar-Example-in-ASPNet.aspx

如何使网站与所有浏览器兼容

1 个答案: