使用Ajax弹出窗口

时间:2010-01-18 15:05:19

标签: c# .net ajax datetime popup

好的我需要一个弹出框来选择日期和时间......但是我有点麻烦......

我使用了弹出窗口的第一个模态弹出窗口(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 个答案:

答案 0 :(得分:1)

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

至于弹出窗口'看起来不整齐',我建议你选择你定义的ModalWindow类。

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

您是否尝试填充Label1?如果是这样,你需要为ModalPopupExtender的OnOkScript属性添加一个函数调用,如下所示:

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