asp.net - asp.net gridview编辑模式下的弹出日历

Question

尊敬的，我有一个 Master detail project asp.net（sql 数据）项目，其中 Master.aspx 以及页面 Master.aspx.cs 后面的代码。以下是代码：

<asp:TemplateField HeaderText="Date of Failure" SortExpression="Failure_date" >
<EditItemTemplate>
<asp:TextBox ID="EditFailure_date" runat="server"  Text='<%# Bind("Failure_date", "{0:d}") %>' ></asp:TextBox><img src="_images/images.jpg" style="margin-top:3px;width:30px;height:30px;cursor:hand;" onclick="PopupPicker('EditFailure_date')" />  
<asp:RequiredFieldValidator ID="Failure_dateRequiredFieldValidator" runat="server" ControlToValidate="EditFailure_date" Display="Dynamic"  ErrorMessage="Can not be blank" SetFocusOnError="True"></asp:RequiredFieldValidator>
</EditItemTemplate>
<ItemStyle HorizontalAlign="Left" VerticalAlign="Top" />
<HeaderStyle HorizontalAlign="Left" VerticalAlign="Top" />
<ItemTemplate>
<asp:Label ID="Failure_date" runat="server"  Text='<%# Bind("Failure_date", "{0:dd/MM/yyyy}") %>'  ></asp:Label>
</ItemTemplate>
</asp:TemplateField>

现在我想在没有代码隐藏的情况下为上面的文本框“EditFailure_date”添加一个弹出日历。请帮忙。

Answer 1

您可以像这样使用AjaxControlToolkit 的日历：

<asp:TextBox ID="EditFailure_date" runat="server"  Text='<%# Bind("Failure_date", "{0:d}") %>' ></asp:TextBox>
<ajaxToolkit:CalendarExtender runat="server" ID="cal_EditFailure_date" TargetControlID="EditFailure_date" /> 

编辑：您还可以使用 jquery 解决方案，例如jQueryUI DatePicker

Answer 2

 <asp:TextBox ID="txtDOJ" Text='<%# Bind("DOJ", "{0:dd-MMM-yyyy}") %>'                                                                                                runat="server" class="form-control input-sm m-bot15" BackColor="#cbeddc"></asp:TextBox>                                                                                            <asp:CalendarExtender ID="CalExtender" runat="server" Enabled="true" Format="dd-MMM-yyyy"                                                                                       TargetControlID="txtDOJ">                                                                                           </asp:CalendarExtender>