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

时间:2012-02-27 16:20:42

标签: asp.net gridview calendar popup editmodel

所有人都尊重,我有一个Master详细项目asp.net(sql data)项目,其中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'添加弹出日历。请帮忙。

2 个答案:

答案 0 :(得分:0)

您可以像这样使用AjaxControlToolkit's calendar

<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

答案 1 :(得分:0)

def all_users_by_date
    ["date: #{User.group("DATE(created_at)").first} count: #{User.count(:group => 'date(created_at)')}"]
end