I suggest using
datepicker[
^]
from JQuery UI plugin, see example:
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
<link rel="stylesheet" href="https://ajax.googleapis.com/ajax/libs/jqueryui/1.11.2/themes/smoothness/jquery-ui.css" />
<script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.11.2/jquery-ui.min.js"></script>
<script>
$(document).ready(function () {
$('#dateFrom').datepicker();
$('#dateTo').datepicker({
onSelect: function () {
var dateFrom = $('#dateFrom').datepicker('getDate');
var dateTo = $(this).datepicker('getDate');
if (dateFrom >= dateTo) {
alert("Oop! dateTo must be later than dateFrom.");
}
}
});
});
</script>
</head>
<body>
<form id="form1" runat="server">
<div>
From <asp:TextBox ID="dateFrom" runat="server"></asp:TextBox>
To <asp:TextBox ID="dateTo" runat="server"></asp:TextBox>
</div>
</form>