jQuery Datepicker with dd-mm-yyyy Date Format

Yet another jQuery datepicker plugin that pick date with dd-mm-yyyy format. The plugin attaches a popup calendar to given input field or shows an inline calendar for selecting individual dates or date ranges.

Plugin Overview

Plugin: datepick
Author: Keith Wood
Licence: MIT Licence
Published: [su_post field=”post_date”]
Repository: Fork on GitHub
Dependencies: jQuery 1.12.4 or Latest version

File Type: zip archive (HTML, CSS & JavaScript)
Package Size: 208 KB

Main Features

  • Select multiple or individual dates and range of dates.
  • Keyboard support to navigate the calendar.
  • Standard layout and fully customize-able.
  • Restrict dates to a range or exclude individual dates.
  • Add your own commands.
  • Over 70 localisations.
  • How to Use jQuery datepicker date format dd-mm-yyyy :

    1. First of all, load the jQuery and Datepicker‘s CSS and JavaScript file into your webpage.

    <!-- jQuery -->
    <script src="https://code.jquery.com/jquery-3.3.1.min.js"></script>
    
    <!-- Datepicker CSS -->
    <link href="css/jquery.datepick.css" rel="stylesheet">
    
    <!-- Datepicker JS -->
    <script src="js/jquery.plugin.min.js"></script>
    <script src="js/jquery.datepick.js"></script>
    

    2. Create HTML input element with a unique id where your picked date will be inserted.

    <input type="text" id="myDatepicker"
    

    3. Finally initialize the plugin in jQuery document ready function with that input.

    $(document).ready(function(){
       $('#myDatepicker').datepick();
    });