How to add pop-up Calendar with JQuery on ASP.Net
1/ Source Code JQuery Calendar: Download JQuery Calendar
2/ Add 3 file to a folder on your project:
3/ Add 3 link to header on Design view on ASP.Net
<head runat="server">
<title>Report Current Stock Vs Target</title>
<link href="jq/jquery-ui.css" rel="stylesheet" type="text/css" />
<script src="jq/jquery-1.10.2.js" type="text/javascript"></script>
<script src="jq/jquery-ui.js" type="text/javascript"></script>
</head>
4/ Right Source Code on <script>....</script>
<script>
$(function () {
$("#datepickerFromDate").datepicker();
$("#datepickerToDate").datepicker();
});
</script>
5/ Call ID #datepickerFromDate and #datepickerToDate to use on TextBox
<asp:TextBox ID="datepickerFromDate" runat="server" Height="20px" Width="180px"></asp:TextBox>
<asp:TextBox ID="datepickerToDate" runat="server" Height="20px"
Width="180px"></asp:TextBox>

0 comments: