mobile ads

Monday 1 September 2014

Datepicker - jQuery UI

link use in header section
------------------------
   
    <link rel="stylesheet" href="../../Styles/jquery-ui.css" />
     <link rel="stylesheet" href="../../Styles/runnable.css" />
     <script  type="text/javascript" src="../../Scripts/jquery-1.9.1.js"></script>
     <script  type="text/javascript" src="../../Scripts/jquery-ui.js"></script>
     <script  type="text/javascript" src="../../Scripts/script.js"></script>


script.js
---------

$(document).ready(
 


 /* This is the function that will get executed after the DOM is fully loaded */


  function () {
      $("#txtDate").datepicker({
      dateFormat: 'dd/mm/yy',
      changeMonth: true,//this option for allowing user to select month
      changeYear: true //this option for allowing user to select from year range
    });

);



<asp:TextBox ID="txtDate" runat="server"  Width="100px" ></asp:TextBox>

0 comments:

Post a Comment