Opensource Datepicker jQuery Plugin – Zebra Datepicker


Sometimes in web applications, we need Date time functions. So we need a datepicker script. There are many opensource Date-picker plugin available on various opensource forums. I have picked one datepicker plugin which is easy to use and customize.

Zebra Datepicker plugin is an opensource jQuery plugin which allows developers to add datetime picker into web forms with a calendar icon. When someone click on date icon, it will open attached date picker from which users can select date. Date will be filled automatically into the text box.

It is very small in size and cross browser compatible. If you want to modify the look and feel, you only need to change the CSS code. You can also create multiple calender templates according to website theme.

Read: 5 Opensource PHP social network Script
Read: jQuery Countdown: Open Source Countdown jQuery Plugin 


Zebra_Datepicker has no dependencies other than jQuery 1.5.2+
License: LGPL License

How to use:

First of all you need to addd javascript and CSS file in the document.

<script type="text/javascript" src="path/to/zebra_datepicker.js"></script>
<link rel="stylesheet" href="path/to/zebra_datepicker.css" type="text/css">

To add this calender plugin into a input type add following code. The selected date will be entered in the input field using the date format of choice.

$(document).ready(function() {

// assuming the controls you want to attach the plugin to
// have the "datepicker" class set



Read: JavaScript Charting Library: awesomeChartJ
Read: check username availability using php and Jquery
Read: Auto Load and Refresh Div with jQuery in every 10 seconds


Tags: |
Nord VPN Sale

Deepanker Verma is the founder of Techlomedia. He is a tech blogger, developer and gadget freak.

Similar Articles


Leave a comment

Comment policy: We love comments and appreciate the time that readers spend to share ideas and give feedback. However, all comments are manually moderated and those deemed to be spam or solely promotional will be deleted.

2020 UseThisTip Developed By Deepanker