Please refer this code.
HTML
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title></title>
<style type="text/css">
body
{
font-family: Arial;
font-size: 10pt;
}
table
{
border:1px solid #ccc;
}
table th
{
background-color: #F7F7F7;
color: #333;
font-weight: bold;
}
table th, table td
{
padding: 5px;
border-color: #ccc;
}
</style>
</head>
<body>
<form id="form1" runat="server">
<script type="text/javascript">
function DateTimeValidation(sender, args) {
var start = document.getElementById(sender.controltovalidate).parentNode.getElementsByTagName('input')[0].value;
var end = document.getElementById(sender.controltovalidate).value;
var date1 = new Date();
var startTime = new Date(date1.getMonth() + "/" + date1.getDate() + "/" + date1.getYear() + " " + start);
var endTime = new Date(date1.getMonth() + "/" + date1.getDate() + "/" + date1.getYear() + " " + end);
if (endTime <= startTime) {
args.IsValid = false;
}
}
</script>
<cc1:ToolkitScriptManager runat="server">
</cc1:ToolkitScriptManager>
<asp:GridView ID="GridView1" HeaderStyle-BackColor="#3AC0F2" HeaderStyle-ForeColor="White"
runat="server" AutoGenerateColumns="false">
<Columns>
<asp:BoundField DataField="Id" HeaderText="Id" ItemStyle-Width="30" />
<asp:BoundField DataField="Name" HeaderText="Name" ItemStyle-Width="150" />
<asp:BoundField DataField="Country" HeaderText="Country" ItemStyle-Width="150" />
<asp:TemplateField>
<ItemTemplate>
Time In:
<asp:TextBox ID="txtStartTime" runat="server" Text='<%# Convert.ToDateTime(Eval("StartTime")).ToString("hh:mm tt") %>'
class="form-control"></asp:TextBox>
Time Out:
<asp:TextBox ID="txtEndTime" runat="server" Text='<%# Convert.ToDateTime(Eval("StartTime")).ToString("hh:mm tt") %>'
class="form-control"></asp:TextBox>
<asp:CustomValidator runat="server" ErrorMessage="Please enter end time after the start time" ForeColor="Red"
ControlToValidate="txtEndTime" Display="Dynamic" ClientValidationFunction="DateTimeValidation"></asp:CustomValidator>
</ItemTemplate>
</asp:TemplateField>
</Columns>
</asp:GridView>
<asp:Button Text="Save" runat="server" />
</form>
</body>
</html>
Namespaces
using System.Data;
C#
protected void Page_Load(object sender, EventArgs e)
{
if (!this.IsPostBack)
{
DataTable dt = new DataTable();
dt.Columns.AddRange(new DataColumn[4] { new DataColumn("Id", typeof(int)),
new DataColumn("Name", typeof(string)),
new DataColumn("Country",typeof(string)),
new DataColumn("StartTime",typeof(string))});
dt.Rows.Add(1, "John Hammond", "United States", DateTime.Now);
dt.Rows.Add(2, "Mudassar Khan", "India", DateTime.Now);
dt.Rows.Add(3, "Suzanne Mathews", "France", DateTime.Now);
dt.Rows.Add(4, "Robert Schidner", "Russia", DateTime.Now);
GridView1.DataSource = dt;
GridView1.DataBind();
}
}
Screenshot
