jquery date picker

Bydefault Jquery date picker come with Jquery UI and Jquery UI has lots of css and js file so it is not as easy to use jquery date picker.So here you will find full Jquery date picker only code with downloads.This date picker is extracted from Jquery UI so you can use seprate jquery date picker without using lots of js and css

This date picker uses only two JS file and one CSS file

  1. jquery.min.js
  2. jquery-ui.min.js
  3. jquery-ui.css

Jquery Date Picker Code

$(document).ready(function(){

      $( "#date" ).datepicker({

        changeMonth: true,

         changeYear: true,

         dateFormat:'yy-mm-dd',

          autoSize:true

      });

 });

Explanation

  1. here #date is id of your textbox to which you want to show date picker
  2. changeMonth: true allow change month functionality.
  3. changeYear: true allow change year functionality.
  4. dateFormat Specify date format.

Leave a Reply

Your email address will not be published. Required fields are marked *