2010-01-18 45 views
0

好,我需要一个弹出框,选择日期和时间......但遇到了一些麻烦IM ...使用Ajax弹出工作

我使用的第一模式弹出(AJAX)的弹出...

这是工作,但不看整齐......

然后我把文本框在它与压延扩展...

这里的问题是,当我在文本框中单击压延弹出,但它不似乎工作,因为没有得到选择...不知道为什么...

这里是我的代码......如果任何人有任何建议,请.....

我的代码是:

<asp:Label ID="Label1" runat="server" Text="Label"></asp:Label> 
<asp:Button ID="Button1" runat="server" Text="Button" /> 

<asp:Panel ID="Panel1" runat="server" CssClass="ModalWindow" style="display:none;" > 

<asp:TextBox ID="TextBox2" runat="server" Width="200px"></asp:TextBox> 
<cc1:CalendarExtender ID="CalendarExtender2" runat="server" PopupPosition="Right" PopupButtonID="TextBox2" 
TargetControlID="TextBox2" Format="dddd, MMMM dd, yyyy"> 
</cc1:CalendarExtender> 
    <asp:TextBox runat="server" ID="txtHour"></asp:TextBox> 
    <cc1:NumericUpDownExtender ID="txtHour_NumericUpDownExtender" runat="server" Enabled="True" Maximum="12" Minimum="1" TargetControlID="txtHour" Width="70"></cc1:NumericUpDownExtender> 

    <asp:TextBox runat="server" ID="txtMinute"></asp:TextBox> 
    <cc1:NumericUpDownExtender ID="txtMinute_NumericUpDownExtender" runat="server" Enabled="True" Maximum="60" Minimum="1" TargetControlID="txtMinute" Width="70"></cc1:NumericUpDownExtender> 

    <asp:TextBox runat="server" ID="txtDayPart"></asp:TextBox> 
    <cc1:NumericUpDownExtender ID="txtDayPart_NumericUpDownExtender" runat="server" Enabled="True" RefValues="AM;PM" TargetControlID="txtDayPart" Width="70"></cc1:NumericUpDownExtender> 


    <br /><br /> 
    <asp:Button ID="btnOk" runat="server" Text="Ok" /> 
    <asp:Button ID="btnClose" runat="server" Text="Close Me" /> 
    </asp:Panel> 

    <cc1:ModalPopupExtender 
    BackgroundCssClass="modalBackground" 
    DropShadow="true" 
    OkControlID="btnOk" 
    CancelControlID="btnClose" 
    runat="server" 
    PopupControlID="Panel1" 
    id="ModalPopupExtender1" 
    TargetControlID="Button1" /> 

感谢

我不能为此使用jQuery。 ..但这只是为什么日历与modalpopup工作

在IE箭头移动的月份是行不通的,在mozilla中没有选择在日历中...请帮助...

回答

1

我得到了这个运行,它似乎工作正常 - 模式弹出窗口出现,我可以使用日历选择日期,并填充文本框。

至于弹出'看起来不整齐',我建议这是你已经定义的ModalWindow类。

你能详细说明错误吗?你是否收到任何JavaScript错误?

你试图填充Label1吗?如果是这样,你需要一个函数调用添加到ModalPopupExtender的OnOkScript属性,是这样的:

function populateLabel() 
{ 
document.getElementById("<%= Label1.ClientID %>").innerHTML = document.getElementById("<%= TextBox2.ClientID %>").value; 
} 
+0

你使用的浏览器我没有使用的JavaScript ....和..? IE浏览器,你可以选择日期,但你不能移动到下个月..和mozilla ...似乎没有任何工作... – user175084 2010-01-18 15:29:56

+0

我试过IE8运行IE8和IE7兼容模式,和FF 3.5.5。所有工作都很好(虽然IE8在切换月份时表现稍有不同)。 日历弹出窗口将使用JavaScript,即使你已经明确写了任何,因此有关JS错误的问题。 – Town 2010-01-18 15:38:33

+0

是否确定它是在Firefox中工作或者你做了任何你自己的修改...因为它不工作我不能在日历弹出时选择任何东西... – user175084 2010-01-18 16:32:05