ad

Pickdate.js: Responsive jQuery Date Time picker

pickadate

Want to add a date time picker in your application, you can try Pickdate.js jQuery plugin. It is a nice date time picker plugin which comes with responsive design. SO, you can add this to your existing responsive website easily.

It also has separate module for adding only date picker and time picker.

pickadate.js

Key features of Pickdate.js

  • Supports jQuery 1.7 and up.
  • 37 language translation support
  • support all modern browses and IE8+
  • Lightweight plugin
  • Has touch & keyboard friendliness.

Usage:

You need to include all jS files in the header part of your web page.

<script src="http://code.jquery.com/jquery-1.10.2.min.js"></script>
<script>window.jQuery||document.write('<script src="tests/jquery.2.0.0.js"><\/script>')</script>
<script src="lib/picker.js"></script>
<script src="lib/picker.date.js"></script>
<script src="lib/picker.time.js"></script>
<script src="lib/legacy.js"></script>

Make sure to also include the legacy.js file along with other scripts. It is for the oldie browsers.

After that, call the pickdate function on text field where you want to add this date picker/ time picker

For date

<script type="text/Javascript">
$('.datepicker').pickadate();
</script>

For time

<script type="text/Javascript">
$('.datepicker').pickatime();
</script>

Cool thing about this plugin is the API support. So, you can easily create custom functionality. By default, 11 methods are available to use. You can use these methods for adding various features in the script.

Tags:
Nord VPN Sale

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


Similar Articles

2020 UseThisTip | Developed By Deepanker