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.


    Be the first to comment

    Leave a Reply

    Your email address will not be published.


    nine − 1 =

    This site uses Akismet to reduce spam. Learn how your comment data is processed.