Skip to main content

Date picker in asp.net !!!


Date Picker Using Bootstrap and ASP.net

<html>
<head>
<title>Date Picker Using Bootstrap and ASP.net</title>
<link href="../bootstrap-3.3.7-dist/bootstrap-datepicker/css/bootstrap-datepicker.css" rel="stylesheet" type="text/css" />
</head>
     <body>
                <form ID="Form1" runat="server">
                <div class="col-md-4 col-xs-6 col-xs-offset-3 col-md-offset-0">
                    <div class="form-group">
                        <div class="has-feedback">          
                            <asp:TextBox ID="txtMeetingDate" CssClass="form-control"                                   runat="server"></asp:TextBox>
                            <span class="form-control-feedback fa fa-1x fa-calendar"></span>
                 
                        </div>
                    </div>
                 </div>
</form>
            
     
    <script src="bootstrap-3.3.7-dist/js/jquery-3.1.1.min.js" type="text/javascript"></script>
   <script src="bootstrap-3.3.7-dist/bootstrap-datepicker/js/bootstrap-datepicker.js" type="text/javascript"></script>
    <script type="text/javascript">
    var date = new Date();
    var today = new Date(date.getFullYear(), date.getMonth(), date.getDate());
    $( '#<%=txtMeetingDate.ClientID%>').datepicker({
        autoclose: true,
        todayHighlight: true,
        startDate: today,
        format: "dd/mm/yyyy"
    });
    </script>
<body>
</html>




Bootstrap Date Picker File Download Link:
https://bootstrap-datepicker.readthedocs.io/en/latest/

Comments

  1. Sanju21 May 2017 at 20:37

    This Post is Really Helpful..

    ReplyDelete
  2. Anilananda21 May 2017 at 20:38

    Thanks bro ....

    ReplyDelete
  3. Xantatech22 September 2017 at 15:14

    Nice Blog!!
    Xantatech is one of the best UX/UI service provider. We incorporate user experience (UX) design and development activities at every stage of your product life cycle aiming improvement in end-user experience.

    ReplyDelete

Post a Comment

Popular posts from this blog

How to Create Login Page with Material Design !

Material Design for web application In this article I’m going to show you how to how to apply material design in web application.  we will take  materialize CSS framework to design our login page .   Materialize CSS is free open source frontend designing framework. It provides material design.   It is like a bootstrap framework , but we can do many thing using this framework. < link href ="https://fonts.googleapis.com/icon?family=Material+Icons" rel ="stylesheet" />   < link rel ="stylesheet" href ="https://cdnjs.cloudflare.com/ajax/libs/materialize/0.100.2/css/materialize.min.css" />   < script type ="text/javascript" src ="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></ script >   < script type ="text/javascript" src ="https://cdnjs.cloudflare.com/ajax/libs/materialize/0.100.2/js/materialize.min.js"></ s...
1 comment
Read more

How to check a number Prime or not in c# ?

/*Check a number Prime or not in C# */ Program : using  System; using  System.Collections.Generic; using  System.Linq; using  System.Text; using  System.Threading.Tasks; namespace  Primenumber {      class   Program     {          static   void  Main( string [] args)         {              int  num, flag = 0;              Console .WriteLine( "Enter A number :" );             num =  Convert .ToInt32( Console .ReadLine());              if  (num > 0)             {  ...
Post a Comment
Read more

How to find sum of the digits of a number in c#?

Sum of the Digits of a number Program: using System; using System.Collections.Generic; using System.Linq; using System.Text; using System.Threading.Tasks; namespace ConsoleApplication1 {     class Program     {         static void Main( string [] args)         {             int num, sum = 0;             Console .WriteLine( "Enter a number :\n" );             num = Convert .ToInt32( Console .ReadLine());             if (num > 0)             {                 for ( int temp = num; tem...
Post a Comment
Read more