Datepicker In Jquery

In this article i explain you how to use datepicker
Below are some of the datepicker options and methos listed
Options:-                                             Methos:-

maxDate                                              destroy

minDate                                               dialog

dateFormat                                          getDate

buttonImage                                         hide

buttonImageOnly                                 isDisabled

buttonText               
                                                              show

calculateWeek                                    setDate

changeMonth

changeYear

selectOtherMonths

Example:-

Step 1:- Write the script code

 <script type="text/javascript">

        $(document).ready(function () {

            $('#TextBox1').datepicker({

                changeYear: true,

                changeMonth: true

            });

  });

    </script>

Step2:- To hide the prev and text text in datepicker write the css code

 <style type="text/css">

        a.ui-datepicker-prev,

        div.ui-datepicker-header 

        a.ui-datepicker-next

         {

         display: none;  

         }

</style>

Step3:- Write the souece code 

 <div style="margin-left:200px;margin-top:50px;">

       <b>Select Date : </b> <asp:TextBox ID="TextBox1" runat="server"></asp:TextBox>

    </div>

Output:-