Jquery DatePicker with Textbox Using Asp.Net C#

JQUERY CALENDER


Jquery Calender View Format,Month,Year 

Jquery Calender With TextBox



Jquery DatePicker with Textbox Using Asp.Net C#
Calender Control DatePicker Using JQuery
Show PopUp Window Open DateTimePicker



DEMO





First - Create New Webform-  and  download Jquery Plugins  from this link




C# CODING

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta charset="utf-8">
<link type="text/css" href="css/ui-lightness/jquery-ui-1.8.19.custom.css" rel="stylesheet" />
<script type="text/javascript" src="js/jquery-1.7.2.min.js"></script>
<script type="text/javascript" src="js/jquery-ui-1.8.19.custom.min.js"></script>
<script type="text/javascript">
    $(function () {
        $("# TextBox1").datepicker();
    });
</script>
<style type="text/css">
.ui-datepicker { font-size:25pt !important}
</style>
</head>

<body>
<form id="form1" runat="server">
 <asp:TextBox ID="TextBox1" runat="server"/>
</div>
</form>
</body>
</html>


After download  Copy & past - Solution Explorer 






Next  - JavaScript Query & Calender  Jquery name link to scripts

Font Size to Increase Calender Display Size







                   

                           Click - F5 Button - Run The Program







                                                                             OUTPUT












0 comments:

Post a Comment