Add a jQuery DatePicker to WordPress Theme or Plugin


Here is a quick method to localize with ease the jQuery UI datepicker fields on your site. If you create your own WordPress plugins or themes, you will probably have found yourself in a situation where you have added a date field to a plugin’s or theme’s admin page.

There are several ways to include jQuery into a theme. I always use WP bundled version which I find very simple. To properly set things up, we need to make sure WP page will have following files to be included in page load. For loading bellows script & style add bellows code on theme functions.php file.

Script for front-end use

Script for back-end use

We can write a function to be hooked for specific pages, such as single.php, page or plugin page. I have add or hooked on ‘options-general.php’ for display on Settigns->Date Picker. Just put this code also funtions.php file or bellow those code.

After adding this code, you’ll got a date picker on Admin Menu->Settigns->Date Picker. If you need any help for getting this option ask any query throw comments.

I am S M Hasibul Islam (Bachelor of Computer Science & Engineering), a web programmer with more than 5 years experience as like skill php, mysql, html5, css3, javascript, jquery, wordpress, responsive/mobile web design, hosting managements with VPS, shared server, also web UI, SEO, SMM.

1 Comment

  1. Hello admin/developer,
    Thanks for this tutorial. It’s working nicely.

    ePark IT

Leave a Reply

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

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code class="" title="" data-url=""> <del datetime=""> <em> <i> <q cite=""> <strike> <strong> <pre class="" title="" data-url=""> <span class="" title="" data-url="">