Swazz Javascript Calendar

Lightweight, only 6kb in size! - Pure DHTML. No slow, external pages being loaded in iframes. Copy the calender.js script into a directory on your website. Read about installation on the creator's site.

Swazz Javascript Calendar demo

Changes to the code below will update the demo above in real time.



July 7, 2007, 6:59 a.m. - Abhik Chakraborty

This is really a good example for date.Bu what I have noticed here it does not have the month name in the calender and does not validate the date i.e. users are free to add their own date in the box which in deed may take a wrong date format.Other than that it was preety cool.

July 10, 2007, 12:46 p.m. - pradeep

This is one of the best site , where i can get javascript Ajax Examples.

Aug. 27, 2007, 8:50 a.m. - month detective

The month is there, but in white font text. Highlight it and you'll find it. If you use this, just change the font color.

Sept. 3, 2007, 4:10 a.m. - sridhar

this is the good.but not for all dates

Sept. 15, 2007, 4:15 a.m. - Bharat

hey in this calendar i want to change the date format then at that time dd/mm/yyyy format but i want to dd/mm/yyyy then? if any buddy know then pls send iball_msn@yahoo.com to inform me thx

Jan. 25, 2008, 3:02 p.m. - Doc confused

your calendar works ok if you don't include a DOCTYPE in the head. however, with a DOCTYPE specified, the calendar would overlap the text box.

Feb. 22, 2008, 4:07 a.m. - klemkas

where to change that white colored month to another color ?? i cant find it anywhere in the code.

April 8, 2008, 8:04 a.m. - Odin

I found this useful, although needs modifying if you wanna set the date further back than 2 years

April 15, 2008, 2:28 p.m. - jay

There is an error when you change month it wont show the month name anymore. any help?

May 6, 2008, 2:45 a.m. - Lee

Sorry about my post. I try to test this Example :D

June 29, 2008, 9:03 p.m. - unixs

how can i get the date, month and year separately, coz im quite confised on the code. ex date=30, month=6 and year=2008. NOT:30/06/208

Aug. 14, 2008, 6:07 a.m. - jure

where can i change to enable dates from the past?

Aug. 29, 2008, 8:53 p.m. - Cristian Pacheco Wajner

where can i change the year, i.e., 1980?. Very Good site!!!

Nov. 17, 2008, 9:52 p.m. - rere vh

cool, its very excelent. but why in download version cannot go to previous month

Dec. 19, 2008, 10:16 a.m. - Jerome

It doesn't works at all ???

May 15, 2009, 5:29 a.m. - tourtravel

nice script

May 18, 2009, 9:31 a.m. - Dan

Anybody found a work around for the missing DOCTYPE?

July 3, 2009, 3:28 a.m. - G Bhaskar Raju

Simply Nice!

July 31, 2009, 10:28 a.m. - Eric

why does it appear behind select drop down menus, within a form page, I want the date picker to appear on top of all objects, plus it should be accessible by keyboard

Aug. 13, 2009, 11:49 p.m. - ajan

It doesn't works at all ???

Nov. 18, 2009, 2:32 a.m. - Ashin

It works but there is no facility to choose the year. So this cannot be used DOB fields, as a 60 year may die before he selects his year of birth by clicking on the left arrow

May 10, 2010, 3:39 a.m. - asdfsdf

there is no year & month available

Sept. 7, 2011, 10:56 a.m. - david hormaza

necesito ejemplo con calendario

April 6, 2012, 5:31 a.m. - sathish

wow simple code Thanks

July 4, 2012, 1:24 p.m. - Aak

Nice calendar. I would like to know, how to disable past days in current month?

July 4, 2012, 2:20 p.m. - Ferdinand

the calendar script is cool...just one thing: when I try to add a name to the input, ie: <input name="date1" type="text" value="dd/mm/yy" onfocus="this.select();lcs(this)" onclick="event.cancelBubble=true;this.select();lcs(this)"> it gives this: error calling the calendar, parameter specified is not valid calling control thanks!!