Hi Tevin,
Refer below sample.
HTML
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.6/jquery.min.js"></script>
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js"></script>
<link rel="Stylesheet" type="text/css" href="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/jquery-ui.css" />
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.2/css/bootstrap.min.css" />
<script type="text/javascript">
$(document).ready(function () {
$('[id*=txtTestDate]').datepicker({
dateFormat: 'dd/mm/yy'
});
});
</script>
<asp:Repeater ID="rpPositiveResults" runat="server">
<HeaderTemplate>
<table class="table table-striped table-bordered table-hover table-condensed" border="1">
<thead>
<tr>
<th>Clock No</th>
<th>ID Number</th>
<th>Name</th>
<th>Test Date</th>
<th>Result Date</th>
<th>Test Result</th>
<th></th>
<th></th>
<th></th>
</thead>
<tbody>
</HeaderTemplate>
<ItemTemplate>
<tr runat="server" id="employeeInfo">
<td><asp:Label Text='<%#DataBinder.Eval(Container.DataItem, "ClockNo")%>' runat="server"
ID="lblClockNo" />
</td>
<td><asp:Label Text='<%#DataBinder.Eval(Container.DataItem, "EmployeeID")%>' runat="server"
ID="lblEmployeeID" />
</td>
<td><asp:Label Text='<%#DataBinder.Eval(Container.DataItem, "Employee")%>' runat="server"
ID="lblEmployee" />
</td>
<td><asp:TextBox ID="txtTestDate" OnTextChanged="txtTestDate_TextChanged" AutoPostBack="true"
Text='<%# Eval("TestDate", "{0: dd/MM/yyyy}")%>' runat="server" CssClass="form-control" />
</td>
<td><asp:TextBox ID="txtTestResultDate" Enabled="false" OnTextChanged="txtTestResultDate_TextChanged"
AutoPostBack="true" Text='<%#DataBinder.Eval(Container.DataItem, "ResultDate")%>'
TextMode="Date" runat="server" CssClass="form-control" />
</td>
<td>
<asp:DropDownList ID="cmbresults" Text='<%#DataBinder.Eval(Container.DataItem, "TestResult")%>'
Enabled="false" CssClass="form-control" runat="server">
<asp:ListItem Value="Awaiting" Text="Awaiting"></asp:ListItem>
<asp:ListItem Value="Negative" Text="Negative"></asp:ListItem>
<asp:ListItem Value="Positive" Text="Positive"></asp:ListItem>
</asp:DropDownList>
</td>
<td><asp:LinkButton ID="lbtnEdit" CommandName="Edit" CausesValidation="false" CssClass="btn btn-success pull-right form-app-control-btn"
CommandArgument='<%# DataBinder.Eval(Container.DataItem, "ClockNo") %>' runat="server">Edit</asp:LinkButton>
</td>
<td><asp:LinkButton ID="lbtnSave" Visible="false" CausesValidation="false" CssClass="btn btn-primary pull-right form-app-control-btn"
OnClick="lbtnSave_Click" runat="server">Save</asp:LinkButton>
</td>
<td><asp:LinkButton ID="lbtnCancel" Visible="false" CausesValidation="false" CssClass="btn btn-danger pull-right form-app-control-btn"
OnClick="lbtnCancel_Click" runat="server">Cancel</asp:LinkButton>
</td>
</tr>
</ItemTemplate>
<FooterTemplate>
</tbody> </table>
</FooterTemplate>
</asp:Repeater>
Code
C#
protected void Page_Load(object sender, EventArgs e)
{
if (!this.IsPostBack)
{
System.Data.DataTable dt = new System.Data.DataTable();
dt.Columns.AddRange(new System.Data.DataColumn[] {
new System.Data.DataColumn("ClockNo", typeof(int)),
new System.Data.DataColumn("EmployeeID", typeof(int)),
new System.Data.DataColumn("Employee",typeof(string)),
new System.Data.DataColumn("TestDate",typeof(DateTime)),
new System.Data.DataColumn("ResultDate",typeof(DateTime)),
new System.Data.DataColumn("TestResult",typeof(string)) });
dt.Rows.Add(1, 1, "John Hammond", "2020-06-17", "2020-06-17", "Awaiting");
dt.Rows.Add(2, 2, "Mudassar Khan", "2020-06-17", "2020-06-17", "Negative");
dt.Rows.Add(3, 3, "Suzanne Mathews", "2020-06-17", "2020-06-17", "Positive");
rpPositiveResults.DataSource = dt;
rpPositiveResults.DataBind();
}
}
protected void lbtnSave_Click(object sender, EventArgs e)
{
}
protected void lbtnCancel_Click(object sender, EventArgs e)
{
}
protected void txtTestDate_TextChanged(object sender, EventArgs e)
{
}
protected void txtTestResultDate_TextChanged(object sender, EventArgs e)
{
}
VB.Net
Protected Sub Page_Load(ByVal sender As Object, ByVal e As EventArgs) Handles Me.Load
If Not Me.IsPostBack Then
Dim dt As System.Data.DataTable = New System.Data.DataTable()
dt.Columns.AddRange(New System.Data.DataColumn() {
New System.Data.DataColumn("ClockNo", GetType(Integer)),
New System.Data.DataColumn("EmployeeID", GetType(Integer)),
New System.Data.DataColumn("Employee", GetType(String)),
New System.Data.DataColumn("TestDate", GetType(DateTime)),
New System.Data.DataColumn("ResultDate", GetType(DateTime)),
New System.Data.DataColumn("TestResult", GetType(String))})
dt.Rows.Add(1, 1, "John Hammond", "2020-06-17", "2020-06-17", "Awaiting")
dt.Rows.Add(2, 2, "Mudassar Khan", "2020-06-17", "2020-06-17", "Negative")
dt.Rows.Add(3, 3, "Suzanne Mathews", "2020-06-17", "2020-06-17", "Positive")
rpPositiveResults.DataSource = dt
rpPositiveResults.DataBind()
End If
End Sub
Protected Sub lbtnSave_Click(ByVal sender As Object, ByVal e As EventArgs)
End Sub
Protected Sub lbtnCancel_Click(ByVal sender As Object, ByVal e As EventArgs)
End Sub
Protected Sub txtTestDate_TextChanged(ByVal sender As Object, ByVal e As EventArgs)
End Sub
Protected Sub txtTestResultDate_TextChanged(ByVal sender As Object, ByVal e As EventArgs)
End Sub
Screenshot
