customd / jquery-calendar

A full day, week, and resource calendar for use with jQuery.
MIT License
62 stars 26 forks source link

Add the ability to show an event's end time in the event header. #2

Closed maxwellE closed 11 years ago

maxwellE commented 11 years ago

Hello there guys,

I would like the ability to show the start and end time of an event in the header of the event in the calendar. Thanks!

samatcd commented 11 years ago

Thanks—As per Issue #1, the ability to display the start time in the header of the event already exists using the 'maskeventlabel' setting, but we'd like to add the ability to optionally show the end time too.

Perhaps using a config setting called 'maskeventlabelend'?

samatcd commented 11 years ago

Perhaps looking something like this, by default:

Screen Shot 2013-02-04 at 2 14 20 PM

maxwellE commented 11 years ago

That is exactly what I want!!

samatcd commented 11 years ago

Cool — Commit 76f5bb97fdcd3cf8a2b70a300ed30ea4783a5542 implements this enhancement using two new config settings: 'maskeventlabeldelimiter', and 'maskeventlabelend'.

The delimiter is the string to put between the two dates, and the eventlabelend is the mask to use for the end date. (Typically the same as the start, but I've left it flexible).

maxwellE commented 11 years ago

Should I close this or you?

samatcd commented 11 years ago

@maxwellE I noticed that in your example your minwidth is set to 20px. If the column width is too narrow, you won't see the overflow, however if you're using a modern css3 browser you'll see ellipsis, and if you hover over the title area, a tooltip will appear showing you the full mask.

Try expanding your min width out to about 100px, and you should see it there.