Ref:TimePicker control in ASP.Net with example
This way:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<%@ Register Assembly="TimePicker" Namespace="MKB.TimePicker" TagPrefix="cc1" %>
<html xmlns="http://www.w3.org/1999/xhtml">
<head id="Head1" runat="server">
<title></title>
</head>
<body>
<form id="form1" runat="server">
<div>
<asp:ScriptManager runat="server">
</asp:ScriptManager>
<asp:Repeater ID="rpt_subject" runat="server">
<HeaderTemplate>
<div class="div-group-dash-border">
Subjects
</HeaderTemplate>
<ItemTemplate>
<div class="div-sub-group-dash-border">
<div>
<asp:Label ID="lbl_Subname" runat="server" Text='<%# Eval("SubjectName") %>'></asp:Label>
</div>
<div>
<cc1:TimeSelector ID="StartTime" runat="server" Hour="12" AllowSecondEditing="true"
AmPm="AM" Minute="00" Second="00">
</cc1:TimeSelector>
</div>
<div>
<cc1:TimeSelector ID="EndTime" runat="server" Hour="12" AllowSecondEditing="true"
AmPm="AM" Minute="00" Second="00">
</cc1:TimeSelector>
</div>
</div>
</ItemTemplate>
</asp:Repeater>
<asp:Button runat="server" OnClick="Save" Text="Save" />
</div>
</form>
</body>
</html>
C#:
protected void Page_Load(object sender, EventArgs e)
{
if (!this.IsPostBack)
{
DataTable dt = new DataTable();
dt.Columns.Add("SubjectName", typeof(string));
dt.Rows.Add("English");
dt.Rows.Add("Hindi");
dt.Rows.Add("Marathi");
dt.Rows.Add("Science");
dt.Rows.Add("History");
this.rpt_subject.DataSource = dt;
this.rpt_subject.DataBind();
}
}
protected void Save(object sender, EventArgs e)
{
foreach (RepeaterItem item in this.rpt_subject.Items)
{
string subjectName = (item.FindControl("lbl_Subname") as Label).Text;
string startTime = (item.FindControl("StartTime") as TimeSelector).Date.ToString("hh : mm : ss tt");
string endTime = (item.FindControl("EndTime") as TimeSelector).Date.ToString("hh : mm : ss tt");
this.Insert(subjectName, startTime, endTime);
}
}
private void Insert(string subjectName, string startTime, string endTime)
{
// Pass these parameter to query and save the result.
}
