Jquery DatePicker with Textbox Using Asp.Net C#

08:27:00  , ,  No comments

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

https://code.google.com/p/jqueryjs/downloads/detail?name=jquery-1.3.2.min.js&

https://code.google.com/p/nienpaper/downloads/detail?name=1.7.2.jquery.min.js&can=2&q=

http://en.sourceforge.jp/projects/sfnet_nfmcreative/downloads/nfm/js/jquery-ui-1.8.19.custom.min.js/

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