Kalendae - A Framework Independent Javascript Date Picker

Kalendae - A Framework Independent Javascript Date Picker


Kalendae - A Framework Independent Javascript Date Picker

Introduction

Kalendae is a robust javascript framework independent date picker plugin that really does a great job. If you didn't want to use the jQuery UI datepicker, here is a great alternative for you. Kalendae comes with many configurations, functions, events and properties just to give you the flexibility to create the date picker you want. It's bundled with a powerful date handling javascript plugin - moment.js to process and format dates.

Features

  • Fully portable, no dependencies. No jQuery, no Prototype, no MooTools; just add the script and the stylesheet and you're good to go.
  • Fully and easily skinable. The default theme uses only one image file (a mask for the previous and next buttons), everything else is styled using CSS.
  • Support single day, multiple day, or day range selection.
  • Configurable number of months to be displayed at once.
  • Can be displayed on the page as an inline widget, or attached to one or more input fields as a popup control.
  • Can be attached to any page element, not just named elements.
  • Configurable blackouts, defined either as an array of dates or via a callback function
  • Output selected dates in a variety of formats
  • Leverages moment.js for smart and easy date parsing.

Screenshots

Author: Kevin Liew

Kevin Liew is a web designer and developer and keen on contributing to the web development industry. He loves frontend development and absolutely amazed by jQuery. Feel free to say hi to me, or follow @quenesswebblog on twitter.

Share the love

6 comments

Dominic Myers
Sun, 22nd April 2012
Brilliant script!! I need to parse and return dates using YYYY-MM-DD format, I've looked at the moment.js documentation but I'm non the wiser. Any help greatly appreciated. Reply
Kevin Liew Admin
Sun, 22nd April 2012
Hi Dominic, I haven't used it as well. Looking at the documentation, in the Advanced Behavior Option, I think this option is what you'll need: dayAttributeFormat Reply
scott
Mon, 14th May 2012
Thanks, this is really easy to use Reply
ron
Fri, 31st August 2012
Nice script but the calender doesn't close when a date is selected or when you click on the "X" in the upper right. I have to click off the calendar to close it. Can you give me some script to close the calendar when date is selected? Thank you. Reply
huang
Mon, 22nd April 2013
I am sorry ,but how can I get it? Reply
Luiz Henrique
Fri, 26th September 2014
Why is october all "cagado de azul" ? Reply

Leave a Comment

Please keep in mind that comments are moderated and rel="nofollow" is in use. You can use [code][/code] if you want to write codes. Don't spam us :) Thanks!

Advertisement