PopCalendar

Ein DHTML-Datepicker, der es in sich hat:
A datepicker for your Webpages.

• Mehrsprachigkeit: englisch (en), spanisch (es), deutsch (de), norwegisch (no), holländisch (nl), polnisch (pl), italienisch (it), dänisch (da), portugiesisch (pt)
  (mehr Sprachen gerne gesehen... would like to see more languages...)
  multi-language: supports english (en), spanish (es), german (de), norwegian (no), dutch (nl), polish (pl), italian (it), danish (da), portuguese (pt)
• Flexibilität flexibility
• Bedienfreundlichkeit usability

Download

Hier: popcalendar1.5.zip

Installation

1. In der Seite irgendwo das JavaScript einbinden:
   Put this in your Page:

   <script type="text/javascript" src="popcalendar.js"></script>

2. dann zum Beispiel einen Button hinzufügen:
   Insert a button:

   <input type="button" value="12/23/2009" onclick="popCalendar.show(this)" />

3. Ergebnis result:

Varianten Variants

• Kalender in englisch, Wochenbeginn ist Sonntag, keine Datumswerte in der Vergangenheit erlaubt:
  English calendar, begin of week is Sunday, no datevalues in past allowed

  <input type="button" value="30/10/2009" onclick="popCalendar.show(this,this,'dd/mm/yyyy','en',false,null,null,0)" />

  Ergebnis:
• in holländisch, mit Textbox als Ziel:
  The dutch version with textbox:

  <form action="">
      <input type="text" id="thedate" value="21.12.2009" size="10" maxlength="10" />
      <input type="button" onclick="popCalendar.show(this,'thedate','dd.mm.yyyy','nl')" value=" ... " />
  </form>

  Ergebnis:
• InternetExplorer < 7 overlaps selectboxes and applets in front of the popCalendar. To hide these temporarily just edit popcalendar.js:

  122	hideElements : false,

• You are able to enable one-letter-Weekdays in popCalendar. To show those, edit popcalendar.js:

  120	showDayLetter : false,

Syntax

popCalendar.show(btn, ctl, format, lang, past, x, y, start)

btn

der zugehörige Button the button
Accepts objects and strings. If you hand over a string, PopCalendar looks for that ID in document.

ctl

optional das Zielobjekt, in welchem das Datum landet (button, textbox, etc.)
the target-field for the date-value
Accepts also objects and strings. If you hand over a string, PopCalendar looks for that ID in document.

format

optional ein Datumsformat, welches der Kalender interpretiert. als Trenner sind folgende Zeichen erlaubt: '-', ' ', '.', '/'.
Erkannt werden folgende Datums-token: accepted date-tokens:

• d - 1…31
• dd - 01…31
• m - 1…12
• mm - 01…12
• mmm - JAN…DEZ
• mmmm - Januar…Dezember
• yyyy - z.B. 2009

als Rückgabewerte können noch deutlich mehr Formate definiert werden - dazu einfach in die popcalendar.js reinschauen (Funktion »constructDate()«)
just look for constructDate() in popcalendar.js for more formats

lang

optional Sprache des Kalenders:

• 'da' - dänisch danish
• 'de' - deutsch german
• 'en' - englisch english
• 'es' - spanisch spanish
• 'fr' - französisch french
• 'it' - italienisch italian
• 'nl' - holländisch dutch
• 'no' - norwegisch norwegian
• 'pl' - polnisch polish
• 'pt' - portugiesisch portuguese

the language of your calendar

past

optional true/false - gibt an, ob das Datum in der Vergangenheit liegen darf (false - kein Datum in der Vergangenheit)
allows date in the past (=false)

x

optional absolute x-position des PopCalendars
absolute x-position of PopCalendar

y

optional absolute y-position des PopCalendars
absolute y-position of PopCalendar

start

optional Wochenstart, 1 = Montag, 0 = Sonntag, etc.
start of week (1=Monday, 0=Sunday, etc.)

Mitarbeit! Help appreciated!

Wenn Ihr Kommentare, Verbesserungsvorschläge usw dazu habt: einfach eine kurze eMail an <info at alquanto dot net>!
Please help us if you can: improve the popcalendar with new features, report bugs and so on...

License

PopCalendar is published under the GNU Lesser General Public License (LGPL). Feel free to modify it! Use it!

History

2009-12-11 - ALQUANTO

• released v1.5
• fixed some bugs, added lazy param-feature, added default-formats, removed silly year-calculation

2009-12-10 - Karl Edwall

• bug: calendar didn't work in Opera. Uses now getFullYear() instead of getYear()

2008-09-17 - Carlos Peix

• new language: portuguese

2008-08-29 - Brian Bowman

• bug: monthName not defined... fixed.

2007-12-10 - Oliver Baltz

• small typo in french "august" (no utf8-encoding)

2007-09-04 - ALQUANTO

• bug: divs in caption not floating left. fixed.
• add: function show now interpretes strings as control-params as document-ids

2007-04-30 - Murat Purc

• bug: calendar-table wasn't closed correctly, sometimes missing </tr>

2006-12-18 - Tom Vonsild

• bug: year was falsely calculated in IE6

2006-12-12 - Tom Vonsild

• new language: danish
• versioning changed: now it goes with a comma: new version reads 1.1!

2006-12-07 - ALQUANTO

• new behaviour: don't hide selectboxes and applets in IE7
• new feature: show only one-letter-daynames with "showDayLetter = true"

2006-12-06 - Davy Belmans

• fixed bug with Holiday-Records

2006-11-01 - Joshua Mills

• fixed bug in enablePast-param

2006-10-23 - Marco Savini

• fixed positioning glitches with IE7

2006-08-11 - ALQUANTO

• Some Languagestrings fixed to work with UTF8

2006-06-28 - Marco Lupo Stanghellini

• new Language (italian, it)

2006-04-30 - ALQUANTO

• update: most of the calendar are made of DIVs, all styles are now in stylesheet
• var "imgDir" renamed to "theme", because now you are able to have different themes for the calendar
• 'gfx/popcalendar.css' renamed to 'default/style.css'

2006-04-20 - ALQUANTO

• update: new language: french

2006-04-19 - ALQUANTO

• release...
• update: reimplementation of OO-calendar
• update: shorter function-names
• update: some global vars are not necessary anymore
• update: now you have to call the calendar via popCalendar.show()
• update: only one array is necessary for daynames. --> modified Array-Handling

2006-04-04 - Engelke Eschner

• popCalendar becomes a selfcontaining Object
• bugfix: fixed positioning to work with strict modes in IE/Moz (+'px')
• init() has a new parameter to optionally install event handlers to hide the calendar

2005-07-23 - ALQUANTO

• release... some fixes, etc.

2005-04-30 - Dariusz Markowicz

• new Language (polish, pl)

2005-03-10 - ALQUANTO

• all IDs in html are now prefixed with "pc"
• most CSS now is in external stylesheet
• optimized CSS
• no close-button
• new design: very small design
• optimized function: constructCalendar()

2005-03-08 - ALQUANTO

• all IDs in HTML are now prefixed with "pc"
• simplier CSS, no Font-Tags anymore
• no support for NS4 anymore (what the hell is that? )

2004-09-03 - Sanjaya

• new Language (no)
• new feature: added time-boxes (just add "hh:xx:ss" to your dateformat in Showcalendar)

2003-07-30 - ALQUANTO

• german language included
• modified languageLogic with the ISO-2letter-strings
• changes in in showCalendar: defaultLanguage is already set...
• js and html corrected... more xhtml-compliant... simplier css

2003-07-25 - PinoToy

• new logic for multiple languages (English, Spanish and ready for more)
• changes in popUpMonth & popDownMonth methods for hiding popup
• changes in popDownYear & popDownYear methods for hidding popup
• new logic for disabling dates in the past
• new method showCalendar, dynamic configuration of language, enabling past & position
• changes in the styles

2001-12-02 - Tan Ling Wee

• initial version