1

すべての点で、マスター詳細プロジェクト 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' にポップアップ カレンダーを追加したいと考えています。助けてください。

4

2 に答える 2

0

次のように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" /> 

編集: jQueryUI DatePickerなどのjqueryソリューションを使用することもできます

于 2012-02-27T16:25:13.000 に答える