jQuery Datepicker with dd-mm-yyyy Date Format

Plugin Preview

Share this:

How to start using jQuery?
More jQuery Top, Best and New Plugins
Top 100 jQuery Plugins

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

Demo Download

Main Features

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();
});

Asif Mughal

I code and create web elements for amazing people around the world. I like work with new people. New people new Experiences.
I truly enjoy what I’m doing, which makes me more passionate about web development and coding. I am always ready to do challenging tasks whether it is about creating a custom CMS from scratch or customizing an existing system.