JSCal2-1.0

First public release of JSCal2.

Note that there is a newer version already.

Download JSCal2-1.0.zip.


66 comments so far (add yours)

JSCal2-1.0
by xiayiping
2009-05-18 05:47

for study

Re: JSCal2-1.0
by karl
2009-06-10 17:10

it's realy very kool

Re: JSCal2-1.0
by hansi
2009-06-16 20:04

thank you

JSCal2-1.0
by Joe Mendoza
2009-05-18 07:28

For personal use.

JSCal2-1.0
by Mario
2009-05-18 09:16

for study

JSCal2-1.0
by Mick Baris
2009-05-18 16:21

For personal use

JSCal2-1.0 (showTime)
by Azhar
2009-05-18 16:43

As far i knw ur earlier version had showTime property which enables the user to configure Time along with the date selected. Is the same present in your latest version .If so could u plz Guide how to use it . Thanks !!

Re: JSCal2-1.0 (showTime)
by Mihai Bazon (page author)
2009-05-18 21:50

A time selector is not yet available in this new version, but it's planned for a future release.

JSCal2-1.0
by kehong
2009-05-20 08:47

Tks, let me try...

JSCal2-1.0
by Guo Xiang
2009-05-20 11:16

The view is scrolling here and there,Maybe it turn slowly with the same direction.

JSCal2-1.0
by sunitha
2009-05-20 12:33

in my IE8 browser if i clcik on calendar icon the popup will be displayed on top of the page,its not getting in correct position,please give me the solution,its urgent

Re: JSCal2-1.0
by Mihai Bazon (page author)
2009-05-20 13:52

Have you included the <DOCTYPE> declaration as described in the documentation?

JSCal2-1.0
by Deepak Sahu
2009-05-20 16:22

download for study purpose, and learn how to make good calander

JSCal2-1.0 - Bug ?
by Gareth
2009-05-20 16:34

Hello there, this JS library is really beautiful, but i've noticed a strange behaviour. Whenever the calendar popups, it there's a <select> field inside the area of the calendar, the calendar show itself "under" the field. (on a lower layer)

Was it by design ?

Re: JSCal2-1.0 - Bug ?
by Mihai Bazon (page author)
2009-05-20 17:09

What browser are you seeing this in? Of course, it's not by design, there are two possibilities:

  1. the old bug in IE6, which I hoped I don't need to work around anymore as this browser is leaving our Planet

  2. your SELECT element has a higher z-index, which I doubt.

Please let me know if the bug happens in a browser other than IE6.

JSCal2-1.0
by th
2009-05-22 18:49

great

JSCal2-1.0 (showTime)
by Nicolas
2009-05-22 23:46

Good job! I'll be waiting for the next release with showTime option, it will be useful!

JSCal2-1.0
by Simona
2009-05-23 12:34

For personal, non-commercial use. Thank you.

JSCal2-1.0
by Mehedi
2009-05-23 14:36

Thanks for this great Calendar

Mehedi PHP Web & Flash Developer of Bangladesh

JSCal2-1.0
by premchand
2009-05-25 09:55

I want it

JSCal2-1.0
by sutee
2009-05-26 07:33

download for development web site. thank you

JSCal2-1.0
by Nick
2009-05-26 11:45

Great job ! On a disable date, can i put a tooltip (like a reason) ? I've used DATE_INFO and DISABLED_DATES on same dates, but the tooltip didn't appear :). Thanks.

Re: JSCal2-1.0
by Mihai Bazon (page author)
2009-05-26 11:46

Not right now, but it's easy to hack it. I'll add this in the next version.

JSCal2-1.0
by Nick
2009-05-26 17:02

Tks, i've got it. I've removed right part of condition for hover over a date (e.g. !an.getAttribute("disabled") )

JSCal2-1.0
by Nick
2009-05-26 17:27

I have another question :) When i select into the calendar an interval of days, that contains one or more disabled days, function selection.get().toSource() returns the hole interval. Is there a way that such a selection can be broken in intervals that does not contain disabled days? Or the selection algorithm to "know" not to select a disabled day ? Thank you.

Re: JSCal2-1.0
by Mihai Bazon (page author)
2009-05-26 17:41

Indeed, for now we don't check all dates in a selected range. For a huge range it would be impractical anyway. But there is something you could do for now. There are 3 methods that you could use: isDisabled, in Calendar object, returns true if the given date is disabled; getDates in Selection object returns an array of selected dates, and unselect (also in Selection) can unselect a date (breaking the range if needed).

Some sample code: (warning: untested):

  var dates = cal.selection.getDates();
  for (var i = 0; i &lt; dates.length; ++i) {
      if (cal.isDisabled(dates[i])) {
          cal.selection.unselect(dates[i]);
      }
  }

This should unselect the disabled dates. I think it could be slow for a huge selection (also note that unselect will notify the calendar to update itself, so it will redraw after each disabled date).

So, do you intend to purchase a license? :-)

JSCal2-1.0
by nick
2009-05-26 18:41

I'll try your code, and i will post the result here. Of course your work deserve payed, but first i will use it on my school project. When i will use it on a comercial site, i'll purchase a licence. Thank you very much

JSCal2-1.0
by nick
2009-05-26 23:08

Well, it took me a while (because of yui compressor :D), but i've managed to modify selectRange function. Now, it puts a day in selection collection only if the day it is not disabled. Sorry to reverse your code, but it is not practical nor elegant to deselect a day after it was selected. Maybe you'll add this feature in the next version :). Great job again !

JSCal2-1.0
by Andy
2009-05-27 14:49

nice

JSCal2-1.0
by IMT
2009-05-31 11:07

good! but some error on firefox .

JSCal2-1.0
by oomen
2009-06-01 14:02

personal

Outstading Thing
by Schehzad hassan
2009-06-02 10:06

I have found a lot of calenders on the internet, for the website i build for my clients, but i like $(this).calender very much flexible. $("developer").Good Work

Change Date Format
by Bruno Ferreira
2009-06-02 18:00

Hi, how can i do to change the international date format from (Y-M-D) to (D-M-Y)? Already tried everything, unsuccessfully, i appreciate if you could help

Re: Change Date Format
by Mihai Bazon (page author)
2009-06-02 18:07

You would specify dateFormat: "%d-%m-%Y" in constructor, as mentioned in the documentation. Sorry, I should have included a link to Calendar.printDate which describes the format options.

Hope this helps.

Change Joomla Calendar Versions
by Bruno Ferreira
2009-06-02 20:54

Hi Mihai Bazon, thanks for the quick answer, but I still have the same problem, maybe because the documentation is for 2.0 version and joomla 1.5 only suports the version 1.0. could you tell me how to replace the older?

JSCal2-1.0
by siya
2009-06-03 12:07

to develop web site

JSCal2-1.0
by Amit patel
2009-06-04 09:08

For study....let me try it out... whther competible with drupal or not

JSCal2-1.0
by Dany
2009-06-04 16:50

study, doesn't it trigger on a input field, like prevous version? <input id="calendar-input" /> <script> Calendar.setup({ trigger : "calendar-input", inputField : "calendar-input" }); </script>

Re: JSCal2-1.0
by Dany
2009-06-05 10:19

It works in a normal page, but I first tried it in a div that i load with HTML ( the ajax way). So I try to find a way to trigger the JSCal2 in a div that I load with the innerHTML. Any ideas?

JSCal2-1.0
by Kim
2009-06-05 10:12

for study

JSCal2-1.0
by Candido
2009-06-05 15:15

Para estudo

JSCal2-1.0
by Alex
2009-06-05 16:26

Well done, awesome job!!!

JSCal2-1.0
by Roland
2009-06-05 18:20

Dear Mihai,

I am working on a project for a company which requires a very felxible date picker. Happily, JSCal2 fulfills the role by 99%, it is an amazing piece of software, really the best date picker out there. I am almost certain that we will buy and use this.

The missing 1% is an object property or method which I could use in onSelect() to get the latest selected date. (Multi selection does not apply in my case.)

LEFT_CAL.addEventListener("onSelect", function(){ var ta = document.getElementById("f_selection"); ta.value = this.selection.countDays() + " days selected:\n\n" + this.selection.print("%Y/%m/%d").join("\n"); });

I found this code in the example, and I can use that for the purpose, but is there any more convenient way to do it, like a vCalendarObject.getLastSelectedDate() or vCalendarObject.lastSelectedDate ? I need a functionality like that to split the date and put the day, month and year into three different containers. )(And also it could be put into the Global (static) utility functions.)

Just for convenience, to save an eventListener...

Any thoughts?

JSCal2-1.0
by Roland
2009-06-05 18:34

Also, would you consider adding some kind of onBeforeDraw event, so I could call a function which would assemble the dates from the three fields and set the calendar to show that field as the selected one?

JSCal2-1.0
by Roland
2009-06-05 19:45

Ok, forget it, I can do it an other way, I won't use 3 date fields, just one, formatted.

JSCal2-1.0
by Roland
2009-06-05 20:19

If you have some weird, multi-layered layout with divs and ul-lis's and what not, you may experience the calendar layout to be worng, some items are left-aligned, like the month and year selector button, the today button at the bottom and the whole month and year selector div. A solution for that:

.DynarchCalendar table { margin: auto; }

table.DynarchCalendar-titleCont { margin: -6px auto auto auto; /* -6px; is the original value */ }

.DynarchCalendar-bottomBar-today { margin: auto; }

JSCal2-1.0
by Tiger
2009-06-06 18:43

Thanks for this great Calendar !!!

JSCal2-1.0
by Eddie
2009-06-09 13:22

Para mi proyecto de pagina web personal

JSCal2-1.0
by Rasta
2009-06-09 23:53

Very nice :) For personnal use tks

JSCal2-1.0
by Ant0ha
2009-06-10 17:21

Hi from Russia! Thanks for calendar, I'll use it in my projects.

JSCal2-1.0
by sue
2009-06-11 10:12

Thanks for this great Calendar !!!

JSCal2-1.0
by Eduardo
2009-06-13 17:57

Muito LOKO.. Parabens

JSCal2-1.0
by Joe
2009-06-14 11:20

Your Cal interface is very nice. I put it in a form I have, and it functions well in IE7. But when used in Firefox 3.0.11, as soon as I click the button to launch the calendar, it submits the form. Here's what I have. Any ideas? Thanks, Joe...

<input id="field_6" name="field_6" /> <button class="calendarStyle" id="fieldDateTrigger_6"></button> <script type="text/javascript"> var myCal = Calendar.setup({ inputField : "field_6", dateFormat : "%m-%d-%Y", trigger : "fieldDateTrigger_6", min : 18900101, max : 20090101, date : 20000101, onSelect : function() { this.hide() } }); myCal.setLanguage('ru'); </script>

JSCal2-1.0
by ahmet
2009-06-14 23:35

very nice

JSCal2-1.0
by binbin
2009-06-15 10:35

very thanks

JSCal2-1.0
by Willman
2009-06-16 21:46

Hi, I'm trying to implement this calendar on a site I'm working on, but in IE the dropdown menu to pick the month or the year doesn't take te opacy attribute, any ideas why is this happening ( works fine in Firefox )

thanks in advance

Re: JSCal2-1.0
by Willman
2009-06-16 21:49

Forget It, since I'm generating the html code with php I forgot to put the !Doctype header

Re: JSCal2-1.0
by Mihai Bazon (page author)
2009-06-16 21:50

Some opacity effects are disabled in IE because they are very slow, or produce ugly side effects, compared to other browsers. Try passing { opacity: 3 } to Calendar.setup in order to force the calendar to use opacity in IE. Hope this helps.

JSCal2-1.0 Range selection + disabled dates
by CoManch
2009-06-17 01:19

Hi, I like this solution, but now I have a little problem with disabled dates through Range Selection (without Ctrl or Shift). We can not click on the disabled dates, but if we click before and over the disabled dates, we get successfully the whole selection, with disabled dates... Can anybody say a solution? Thx. CoManch

Re: JSCal2-1.0 Range selection + disabled dates
by Mihai Bazon (page author)
2009-06-17 08:31

See this reply: http://www.dynarch.com/projects/calendar/download/1.0/index.html#Kcomment-198

JSCal2-1.0
by San
2009-06-17 08:49

I like this calendar most, but i wanted date and time picker both, if you can add this facility in this kind of date picker that will be very very useful to us.

JSCal2-1.0 bug report
2009-06-17 11:59

Hello, great class. Here is a small bug (I think).

css style for weekend days (.DynarchCalendar-weekend) seems to be unused. Style from .DynarchCalendar-day-othermonth.DynarchCalendar-weekend is used on ALL weekdays instead (this month and others).

JSCal2-1.0 and IE6 bug
2009-06-17 15:05

You're right, IE6 is leaving, but it still here. At least in my case.

There is a Jquery plugin called bgiframe that can fix IE6 z-order bug. May be there is an object (created div) in Calendar so I could apply bgiframe to it (immediately after calling setup())? (i.e. make something like $("#calendar_div_id").bgiframe() )

JSCal2-1.0
by gmskl
2009-06-19 13:07

thank you.

Default value
by Cristi
2009-06-19 13:46

Hi, Mihai.

Very nice job, indeed. There is one issue I could not fine in your documentation: in the case of the popup calendar can it get the default selected value from the value of the attached inputField ? And, as a general information, the 'date' or 'selection' configuraton values are not related to dateFormat of the calendar?

Thank you

JSCal2-1.0
by dhinesh
2009-06-19 15:06

It is working good in firebox,but if i am using in IE calendar is not proper.I mean if the calendar's display on the bellow field the particular row will hide by the field, field overlap on the calendar.

please help me

Comments are closed