By 28/03/2016 1 Comments

How To Implement JQueryUI Datepicker In HTML?

  • The datepicker widget is a powerful UI plugin found in JQuery.
  • The JQueryUI Datepicker provides a rich interface for valid date selection in any format such as yyy-mm-dd etc to the end-user.
  • The JQueryUI Datepicker is easy to implement in websites.
  • Along with Html it is also used with server side programming languages to get date in a valid format such as Php, Jsp, Asp.net, Ruby etc.
  • Before implement it you have to download JQueryUI Datepicker files by pressing the download button.
  • After download it use these files as following example.

Example:

<!Doctype html>
 <head>
 <title>Implement JQueryUI Datepicker In HTML</title>
 
 <link rel="stylesheet" href="jquery-ui-1.10.4.custom.min.css"/>
 <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.0/jquery.min.js"/></script>
 <script src ="jquery-ui-1.10.4.custom.min.js"/></script>
 
 <script>
 $(document).ready(function(){
 $(".datepicker").datepicker({
 dateFormat: "yy-mm-dd",
 });
 });
 </script>
 
 <style>
 input[type = 'text'] { height:20px; width:210px;}
 </style>
 </head>
 <html>
 <body>
 <input type="text" name="txt_date" id="txt_date" placeholder="Date" class="datepicker"/>
 </body>
 </html>






Posted in: ASP.NET, CSS, HTML, jQuery, PHP, Solutions

Leave your valuable Comment

Have a natural attraction for women cosmetics and replica watches uk clothes, no
more than two for men the most attractive one, is to make their own driving experience, happy and can serve as the facade of the car, another is to highlight the taste edify sentiment rolex replica watch. The replica rolex is undoubtedly the most fashionable accessories, wear a suit to attend the activities, but also get a decent match on the replica watches .