Highlight Dates with Events in YUI Calendar

I have created a calendar in Dreamweaver CS4 using the YUI Calendar widget and a Spry data set, following the instructions from the Adobe Developer Connection articles. (http://www.adobe.com/devnet/dreamweaver/articles/using_yui_widgets.html) I think it works well for my purposes, however I think it would be more user friendly if I could have dates with events highlighted.
For example, if there was an event on December 15, 2009, I would want that date in the YUI Calendar to be highlighted in a different color.
I have read some different ways to do so, but I have limited knowledge of CSS and barely understand any JavaScript.
Is there anyone who can provide me with a simple way to highlight these dates? I would really appreciate any help.

For those of you JavaScript people who don't use YUI, here's the code for my page:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:spry="http://ns.adobe.com/spry">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>SSAC /// Calendar</title>
<script src="SpryAssets/SpryData.js" type="text/javascript"></script>
<script src="SpryAssets/SpryHTMLDataSet.js" type="text/javascript"></script>
<script src="scripts/YUI/2.6.0/build/yahoo-dom-event/yahoo-dom-event.js" type="text/javascript"></script>
<script src="scripts/YUI/2.6.0/build/calendar/calendar-min.js" type="text/javascript"></script>
<script type="text/javascript">

</script>
<link href="main.css" rel="stylesheet" type="text/css" />
<link href="scripts/YUI/2.6.0/build/fonts/fonts-min.css" rel="stylesheet" type="text/css" />
<link href="scripts/YUI/2.6.0/build/calendar/assets/skins/sam/calendar.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="wrapper">
<div id="header"></div>
<div id="navbar"><script type="text/javascript" src="navbar.js"></script></div>
<div id="content">
    <div id="yuicalendar1"></div>
    <script type="text/javascript">
// BeginWebWidget YUI_Calendar: yuicalendar1
(function() {
    var cn = document.body.className.toString();
    if (cn.indexOf('yui-skin-sam') == -1) {
      document.body.className += " yui-skin-sam";
var inityuicalendar1 = function() {
    var yuicalendar1 = new YAHOO.widget.Calendar("yuicalendar1");
    // The following event subscribers demonstrate how to handle
    // YUI Calendar events, specifically when a date cell is
    // selected and when it is unselected.
    // See: http://developer.yahoo.com/yui/calendar/ for more
    // information on the YUI Calendar's configurations and
    // events.
    // The YUI Calendar API cheatsheet can be found at:
    // http://yuiblog.com/assets/pdf/cheatsheets/calendar.pdf
    //--- begin event subscribers ---//
    yuicalendar1.selectEvent.subscribe(selectHandler, yuicalendar1, true);
    yuicalendar1.deselectEvent.subscribe(deselectHandler, yuicalendar1, true);
    //--- end event subscribers ---//
    yuicalendar1.render();
function selectHandler(event, data) {
// The JavaScript function subscribed to yuicalendar1. It is called when
// a date cell is selected.
// alert(event) will show an event type of "Select".
// alert(data) will show the selected date as [year, month, date].
var formattedDateString = data[0][0][1] + "/" + data[0][0][2] + "/" + data[0][0][0];
var r = ds1.findRowsWithColumnValues({"Date": formattedDateString }, true);
var region = Spry.Data.getRegion("events");
if(r){
    ds1.setCurrentRow(r.ds_RowID);
    region.setState("showEvent", true);
} else {
region.setState("ready", true);
function deselectHandler(event, data) {
// The JavaScript function subscribed to yuicalendar1. It is called when
// a selected date cell is unselected.
// Create the YUI Calendar when the HTML document is usable.
YAHOO.util.Event.onDOMReady(inityuicalendar1);
// EndWebWidget YUI_Calendar: yuicalendar1
</script>
    <div spry:detailregion="ds1" id="events">
      <div spry:state="showEvent">
        <table width="400" border="0">
          <tr>
            <td colspan="2">Event Name:{Event}</td>
          </tr>
          <tr>
            <td rowspan="3"><u>Desription:</u><br />
              {Description}</td>
            <td><u>Time:</u> {Time}</td>
          </tr>
          <tr>
            <td><u>Location:</u> {Location}</td>
          </tr>
          <tr>
            <td><u>Contact:</u> {Contact}</td>
          </tr>
        </table>
      </div>
      <div spry:state="ready"> There are no events on this date. Please select another date. </div>
    </div>
</div>
<div id="footer"><script type="text/javascript" src="footer.js"></script></div>
</div>
</body>
</html>
I hope this helps.

Similar Messages

Highight days with events in the calendar at bottom left

Hi,
is there a way to have an indicator of which days have at least an event in the small calendar on the bottom left in iCal? This would allow to know at a glance what days are
already (at least partially) busy without checking them one by one...
Thanks,
Luca

Luca,
Welcome to Apple Discussions.
In addition to using the "Month" view, I use Objectpark Software - MenuCalendarClock for iCal.
;~)

Periodic reading data with event driven programming

Hi all
I want to read data from a device periodically, for example every 2 seconds.
but I want to use event driven programming in order to response user events.
now I don't know how to do this......!!
maybe I should use timed loop or timed sequence structure
if I use this structures, should I use then inside the while loop or outside the while loop( I mean the while loop that contains the event cases)?
please help me and accept my thanks....

You ned to run these in two separate loops. Look at the Producer/Consumer template. Put a two second time-out on the Dequeue Element and you have a loop that will run every two seconds. The loop should also handle information from the event structure.
Separate loops is the best way of handling this.
Rob

Nokia 6303i, calendar, date with a note highlight

Hello,
I just got a nokia 6303i as a work phone,and was wondering is there any way to get dates with notes or meetings highlighted in month view? In my current settings the dates get only bold marking wich makes very little difference. I need to see in a glance if I have something scheduled for a particular day, not by trying to determine if it is in bold or not.
Tryed out a couple of themes, none of them had it.
Tryed carbide.ui s40, but could not find an option to highlight dates with notes.
P.S. ataching an S60 calendar screen shot, wich has a red triangle in the corner for dates with notes or smth... So i need that in an S40, how hard can i be?
Attachments:
scr_expense-calendar-for-symbian-series-60-1.2.jpg ‏14 KB

RKu2, this is not possible with the Nokia Suite. Although, it is a hot topic since the introduction of Symbian^3. Actually, this is a very hot one. However to summarize, there are alternatives for syncing the several calendars in your Outlook:
Mail For Exchange plus PC Suite
OMA DS (SyncML) plus PC Suite
OutlookAll2One creates one calendar in your Nokia
Winfonie mobile not sold anymore, creates one calendar in your Nokia
Mobile Master €30, creates one calendar in your Nokia
CompanionLink Professional US$129
Please, test yourself because I could not test all of these alternatives myself. Furthermore, do not forget to feedback us your results.

Insert date from YUI calendar into mysql table

Is there a way to insert the date selected from the YUI calendar into a mysql table?

I have been in trouble since last 2 days... I have tried all possible and explored any related topics.. Still I cannot address the problem.
Problem 1:
I have a simple jsp form which passed a bengali word.
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
</head>
<body>
<form action="Test2.jsp" method="post" >
<input type="text" value="কাকা" name="word">
<input type="submit" value="Next">
</form>
</body>
</html>
When this page is post, a java program( TestWord) is called by the Test2.jsp. TestWord insert the passed bengali word into a MySQL table. Then it retrieves again the inserted bengali word and display in Test2.jsp.
Test2.jsp:----
<%@page contentType="text/html"%>
<%@page pageEncoding="UTF-8"%>
<jsp:useBean id="get2" class="dictionary.TestWord" scope="session"/>
<jsp:setProperty name="get2" property="*"/>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
</head>
<body>
<form action="" method="post">
<%
String s=get2.getWord();
out.write("Before converion onversion = "+s);
s = new String(s.getBytes("ISO-8859-1"),"UTF-8");
out.write(" After conversion = "+s);
%>
</form>
</body>
</html>
It gives the output something like:
Before conversion = �?া�?া After conversion = ??????
Problem 2:
The record in mysql table is inserted in bengali font (eg. কাকা). When I retrieve the record and display in a jsp page, I can see the bengali word (কাকা) properly. But if I insert the bengali word again in MySql table, then I see some string like "�?া�?া" storing in the table.
Please help me out..
Thanks in advance.

A working YUI Calendar With Spry Data

Hi,
I've seen a number of posts about linking Spry data with the YUI calendar widget.
Well I've done that here. http://www.pwhitehurst.f2s.com/yui%20calendar.html. through a little perserverance and reading the Yahoo calendar API
The calendar dates are highlighted based on the event dates in the SPRY data. I haven't added any other functionality yet as I'm just taking it one step at a time. But this page should give others the base code for getting started. The key is to declare a YAHOO namespace so you can reference the calendar in your spry region postload notifications or other spry functions etc.
Any questions please reply and I'll see if I've worked it out. I'm away over Easter but intend to add functionaility so that when you click a date on the calendar it filters the spry data via a non destructive filter etc. I also want the calendar to move to the right month as I click events.
Cheers
Phil

Thanks,
Unfortunatley my page hasn't gone live yet, so I can't show you what I mean, but I think I've found the problem.
I've managed to config the YUI calendar to accept dates in DD/MM/YYYY format (using some of the localisation features described on the Yahoo developers pages: http://developer.yahoo.com/yui/examples/calendar/germany.html) so now my calendar will accept and properly shade any date passed to it in DD/MM/YYYY format (which is what my spry dataset is in) and it will also return any date selected from the calendar in DD/MM/YYYY format, as it should. So, all good on the calendar front...
...but spry is still operating in standard MM/DD/YYYY mode, so if I set my "start_date" and "end_date" columns as type = "date" (which I want to do for sorting purposes) it doesn't recognise any date after the 12th day of the month! (because it still thinks the DD segment is a MM segment and so has a maximum poss value of 12! doh!). So far I've got around this by defining both date columns as "strings", so the combining function you describe above (much appreciated btw :-)) passes the date string to the calendar exactly as entered, and because my calendar is set up to recognise this date string, theres no problem, and i can shade any date in the calendar (including the 13th to the 31st!)
so the only problem i have now is being able to sort my dates. one solution seems to be to have 2 columns - one with the date in DD/MM/YYYY format which is used for display (as it is now) and another in american MM/DD/YYYY format which is used to sort, but this seems to me a bit of a waste of time, and theres always the possibility that one column will have an error in it, especially since I'm not used to working in the american format.
sorry, a bit of a ramble there. I suppose my question is this: is there a simple step i'm missing where I can tell spry that my date columns are in a specific format? ie. dd/mm, not mm/dd?
something like:
var ds1 = new.Spry.Data.HTMLDataSet("myData.html", "table1", {sortOnLoad: "start_date", sortOrderOnLoad: "ascending"});
ds1.setColumnType("start_date", "date", {format:dd/mm/yyyy});
if not, there really should be!
*any admins reading, mental note for the next release please...! :-)*
I suppose i could give in and convert all my dates to the american system which would solve all the problems, but i never like being bullied by the Yanks!

Master / Details Regions with yui Calendar

I have a Calendar of Events that I need to display. I have put a yui Calendar in my Master Region, and need it to control the Details Region. I can get the Details Region to show a single event per day.
Is there a way to let the Details Region show multiple Events if they are scheduled on the same date?
I do not have access to an external web server to post my page to, but here is the code to the Master/Details Region on my site:
<div id="sidebar2">
    <div id="yuicalendar1"></div>
<script type="text/javascript">
// BeginWebWidget YUI_Calendar: yuicalendar1 (function() {
    var cn = document.body.className.toString();
    if (cn.indexOf('yui-skin-sam') == -1) {
      document.body.className += " yui-skin-sam";
})(); var inityuicalendar1 = function() {
    var yuicalendar1 = new YAHOO.widget.Calendar("yuicalendar1");    // The following event subscribers demonstrate how to handle
    // YUI Calendar events, specifically when a date cell is
    // selected and when it is unselected.
    // See: http://developer.yahoo.com/yui/calendar/ for more
    // information on the YUI Calendar's configurations and
    // events.
    // The YUI Calendar API cheatsheet can be found at:
    // http://yuiblog.com/assets/pdf/cheatsheets/calendar.pdf
    //--- begin event subscribers ---//
    yuicalendar1.selectEvent.subscribe(selectHandler, yuicalendar1, true);
    yuicalendar1.deselectEvent.subscribe(deselectHandler, yuicalendar1, true);
    //--- end event subscribers ---//
yuicalendar1.cfg.setProperty("title", "Calendar of Events", false);    yuicalendar1.render();
} function selectHandler(event, data) {
// The JavaScript function subscribed to yuicalendar1. It is called when
// a date cell is selected.
// alert(event) will show an event type of "Select".
// alert(data) will show the selected date as [year, month, date].
var formattedDateString = data[0][0][1] + "/" + data[0][0][2] + "/" + data[0][0][0];
var r = dsCalendar.findRowsWithColumnValues({"Date": formattedDateString }, true);
var region = Spry.Data.getRegion("classDetail");
if(r){
   dsCalendar.setCurrentRow(r.ds_RowID);
   region.setState("showClass", true);
   } else {
    region.setState("ready", true);
}; function deselectHandler(event, data) {
// The JavaScript function subscribed to yuicalendar1. It is called when
// a selected date cell is unselected.
};    // Create the YUI Calendar when the HTML document is usable.
YAHOO.util.Event.onDOMReady(inityuicalendar1);
// EndWebWidget YUI_Calendar: yuicalendar1
</script>
<div spry:detailregion="dsCalendar" spry:setrow="dsCalendar" id="classDetail">
<div spry:state="showClass">
<table width="100%" border="0" cellpadding="1">
   <tr>
     <td colspan="2"><h4>{Class}</h4></td>
    </tr>
   <tr>
    <td colspan="2">{Description}</td>
    </tr>
   <tr>
     <td>{Location}</td>
     <td>{Date}</td>
   </tr>
</table>
    </div>
    <div spry:state="ready">
There are no classes on this date. Please select another date.
</div></div>
</div>
And, here is the code to my "schedule.htm" file:
Class
Logo
Description
Location
Date
Dreamweaver CS4 Intermediate
Take your skills to the next level with this training.
Austin, TX
12/15/2008
InDesign CS4 Advanced
This class is for experienced users that want to go beyond the basics.
Phoenix, AZ
12/18/2008
Flex CS4 Data Services
Learn about Live Cycle Data Services in this training.
Austin, TX
12/19/2008
Flash CS4 Rich Content Creation
From beginning to intermediate, learn how to animate with the latest tools.
Austin, TX
12/30/2008
Photoshop Advanced
Experienced Photoshop users will learn how to use advanced tools for image manipulation.
Phoenix, AZ
12/20/2008
Dreamweaver CS4 Intermediate
Take your skills to the next level with this training.
Austin, TX
12/01/2008
InDesign CS4 Advanced
This class is for experienced users that want to go beyond the basics.
Phoenix, AZ
12/08/2008
Flex CS4 Data Services
Learn about Live Cycle Data Services in this training.
Austin, TX
12/25/2008
Flash CS4 Rich Content Creation
From beginning to intermediate, learn how to animate with the latest tools.
Austin, TX
12/26/2008
Photoshop Advanced
Experienced Photoshop users will learn how to use advanced tools for image manipulation.
Phoenix, AZ
8/21/2009
Short Course
Seminar where the engineers come together to discuss TxDOT.
Austin, TX
8/26/2009
Long Course
Around the cementary, down to the high school, and back.
Wolfforth, TX
8/21/2009
No Class
No classes on this date.
n/a
Notice on the schedule.htm file, there are some classes that have the same date. I would like the Details region to show multiple classes based on the date. Is that even possible?
Thanks!

@strick,
Don't know if you got this sorted out already, but I'll add an answer since I looked here when trying to figure this out.
I had the same problem.
You can get this to do what you want in two steps:
1.) Just below the line in your code that reads
var formattedDateString = data[0][0][1] + "/" + data[0][0][2] + "/" + data[0][0][0];
add the following code:
function myFilterFunc(dataSet, row, rowNumber)
// Filter all rows with date = selected date
if (row['Date'] == formattedDateString){
return row;   }
else {
return null;}
// Filter the data.
dscalendar.filter(myFilterFunc);
2.) Just after the line in your code that reads
<table width="100%" border="0" cellpadding="1">
add the following code:
<tr spry:repeat="dscalendar">
Ok, one last step for the code that you've listed here. You should be able to get rid of all the <tr> tags except for the outermost ones. So, it could
look like this:
<table width="100%" border="0" cellpadding="1">
   <tr spry:repeat="dscalendar">
    <td colspan="2"><h4>{Class}</h4></td>
    <td colspan="2">{Description}</td>
    <td>{Location}</td>
    <td>{Date}</td>
   </tr>
</table>
You can see a working example of this at http://www.coloradogreenline.com/YUISpryCalendar/sprytest6.html. October 13, 2009 has more than one event scheduled. This one doesn't display the data in table format, but you can still it working.
Hope this helps.

Compairing a db record date with a dynamic calendar to make date into a hyperlink problem. Please help

Hello;
I need help. I have a dynamic calendar I have been writting. (I realize there are lots of free ones online but I needed one to do something else. this is only a part of the whole.I have everyhting working fine, it advances to the next month and looks really nice.I can't get my query to work. I had it throwing an error, but now it is just spitting out data I didn't want.I will post the code that is the problem, then the whole code for the calendar.
This is the problem code:
<cfset firstOfTheMonth = createDate(year(now()), month(now()), 1)>
<cfset endOfTheMonth = createdatetime(year(now()), month(now()), #daysinmonth(firstOfTheMonth)#, 23, 59, 59)>
<cfquery name="CaleventRec" datasource="#APPLICATION.dataSource#">
SELECT events.eventDate, events.ID AS ID
FROM events
Where eventDate Between #firstOfTheMonth# and #endOfTheMonth#
</cfquery>
<cfoutput>
<cfif thisday is day(now())>
        <b>#ThisDay#</b>
    <cfelse>
        <cfif listFind(days,thisday)>
            <a href="##"><b>thisday</b></a>
        <cfelse>
            #thisday#
        </cfif>
    </cfif>
</cfoutput>
this is the whole code for the calendar part:

       <cfparam name = "month" default = "#DatePart('m', Now())#">
<cfparam name = "year" default = "#DatePart('yyyy', Now())#">
<cfparam name = "currentday" default = "#DatePart('d', Now())#">
<cfparam name = "startmonth" default = "#DatePart('m', Now())#">
<cfparam name = "startyear" default = "#DatePart('yyyy', Now())#">

<cfset ThisMonthYear = CreateDate(year, month, '1')>
<cfset Days = DaysInMonth(ThisMonthYear)>

<cfset LastMonthYear = DateAdd('m', -1, ThisMonthYear)>
<cfset LastMonth = DatePart('m', LastMonthYear)>
<cfset LastYear = DatePart('yyyy', LastMonthYear)>
<cfset NextMonthYear = DateAdd('m', 1, ThisMonthYear)>
<cfset NextMonth = DatePart('m', NextMonthYear)>
<cfset NextYear = DatePart('yyyy', NextMonthYear)>
<cfset PreviousDay = DateAdd('d', -1, ThisMonthYear)>
<cfset CurrentYear = DatePart('yyyy', Now())>
       <table border="0" width="100%" bgcolor ="#ffffff">
            <tr>
                <td align = "center" valign="top">
                    <table border="0" width="100%" height="100%">
   <tr>
      <th align="center" colspan="7" bgcolor="#2b4e6e">
   <cfoutput>
   <table width="100%" border="0" cellspacing="0" cellpadding="0">
      <tr>
        <td width="15%" align="left" valign="middle">
<cfif (LastYear lt CurrentYear) OR (LastYear lte CurrentYear AND LastMonth lt startmonth)>
<cfelse>
  <a href ="index.cfm?month=#LastMonth#&year=#LastYear#" class="calNav">Prev</a></cfif></td>
        <td width="72%" align="center" valign="middle"><FONT SIZE="3" face="Arial, Helvetica, sans-serif" color="##ffffff">#MonthAsString(month)# #year#</FONT></td>
        <td width="13%" align="right" valign="middle">
<cfif (NextYear lt CurrentYear) OR (NextYear lte CurrentYear AND NextMonth lt startmonth)>
<cfelse>
<a href = "index.cfm?month=#NextMonth#&year=#NextYear#" class="calNav">Next</a>  </cfif></td>
      </tr>
    </table></cfoutput></th>
   </tr>
   <tr>
    <td><FONT SIZE="2" face="Arial, Helvetica, sans-serif" color="#333366">Sun</FONT></td>
    <td><FONT SIZE="2" face="Arial, Helvetica, sans-serif" color="#333366">Mon</FONT></td>
    <td><FONT SIZE="2" face="Arial, Helvetica, sans-serif" color="#333366">Tue</FONT></td>
    <td><FONT SIZE="2" face="Arial, Helvetica, sans-serif" color="#333366">Wed</FONT></td>
    <td><FONT SIZE="2" face="Arial, Helvetica, sans-serif" color="#333366">Thu</FONT></td>
    <td><FONT SIZE="2" face="Arial, Helvetica, sans-serif" color="#333366">Fri</FONT></td>
    <td><FONT SIZE="2" face="Arial, Helvetica, sans-serif" color="#333366">Sat</FONT></td>
   </tr>
<cfset firstOfTheMonth = createDate(year(now()), month(now()), 1)>
<cfset endOfTheMonth = createdatetime(year(now()), month(now()), #daysinmonth(firstOfTheMonth)#, 23, 59, 59)>
<cfquery name="CaleventRec" datasource="#APPLICATION.dataSource#">
SELECT events.eventDate, events.ID AS ID
FROM events
Where eventDate Between #firstOfTheMonth# and #endOfTheMonth#
</cfquery>
<cfset ThisDay = 0>
<cfloop condition = "ThisDay LTE Days">
<tr class = "calendar">
<cfloop from = "1" to = "7" index = "LoopDay">

<cfoutput>
<cfif thisday is day(now())>
        <b>#ThisDay#</b>
    <cfelse>
        <cfif listFind(days,thisday)>
            <a href="##"><b>thisday</b></a>
        <cfelse>
            #thisday#
        </cfif>
    </cfif>
</cfoutput>
<cfif ThisDay IS 0>
<cfif DayOfWeek(ThisMonthYear) IS LoopDay>
<cfset ThisDay = 1>
</cfif>
</cfif>

<cfif (ThisDay IS NOT 0) AND (ThisDay LTE Days)>
<cfoutput>

<cfif (#ThisDay# EQ #currentday#) AND (#month# EQ #startmonth#) AND (#year# EQ #startyear#)>
<td align = "center" bgcolor="##FFFFCC">
<cfset dayview = #dateformat(createdate(#year#, #month#, #thisday#), "mm/dd/yyyy")#>
<font face="Arial, Helvetica, sans-serif" color="##000000" size="2">#ThisDay#</font>
</td>
<cfelse>
<td align = "center">
<cfset dayview = #dateformat(createdate(#year#, #month#, #thisday#), "mm/dd/yyyy")#>
<font face="Arial, Helvetica, sans-serif" color="##000000" size="2">#ThisDay#</font>
</td>
</cfif>
</cfoutput>
<cfset ThisDay = ThisDay + 1>
<cfelse>
<td></td>
</cfif>
</cfloop>
</tr>
</cfloop>
</table>
</td>
</tr>
</table> </td>
</tr>
</table>
Can anyone help me with this? It is the last thing I need to get working and it is driving me crazy. Right now, this code does this:0
0
0
0
1
1
2
2
3
3
and then at the bottom of 32 numbers and doubles of numbers, is the calendar. So my llink code is making it do this.
Thank you!
I have to point out, it's pretty bad when Adobe is using jsp instead of coldfusion to run their forums.???????

I have been doing a lot of reading, and my code seems to be right accept for my where statement on my query that is matching the db date with the calendar date. (I think) This is what I did, and right now I get an error. I also dumped it and my date is posted at the bottom of this message in it's format.
This is my error:
Parameter validation error for the CREATEODBCDATE function.
The value of parameter 1, which is currently mm/dd/yyyy, must be a class java.util.Date value.
The error occurred in C:\website\event\index.cfm: line 157
155 : SELECT events.eventDate, events.ID AS ID
156 : FROM events
157 : WHERE eventDate = #CreateODBCDate("mm/dd/yyyy")#
158 : </cfquery>
ok this is now my code: (I realize it is long, I tried to make it as easy to follow as possible)

       <cfparam name = "month" default = "#DatePart('m', Now())#">
<cfparam name = "year" default = "#DatePart('yyyy', Now())#">
<cfparam name = "currentday" default = "#DatePart('d', Now())#">
<cfparam name = "startmonth" default = "#DatePart('m', Now())#">
<cfparam name = "startyear" default = "#DatePart('yyyy', Now())#">

<cfset ThisMonthYear = CreateDate(year, month, '1')>
<cfset Days = DaysInMonth(ThisMonthYear)>

<cfset LastMonthYear = DateAdd('m', -1, ThisMonthYear)>
<cfset LastMonth = DatePart('m', LastMonthYear)>
<cfset LastYear = DatePart('yyyy', LastMonthYear)>
<cfset NextMonthYear = DateAdd('m', 1, ThisMonthYear)>
<cfset NextMonth = DatePart('m', NextMonthYear)>
<cfset NextYear = DatePart('yyyy', NextMonthYear)>
<cfset PreviousDay = DateAdd('d', -1, ThisMonthYear)>
<cfset CurrentYear = DatePart('yyyy', Now())>
<table border="0" width="100%" bgcolor ="#ffffff">
            <tr>
                <td align = "center" valign="top">
                    <table border="0" width="100%" height="100%">
   <tr>
      <th align="center" colspan="7" bgcolor="#2b4e6e">
   <cfoutput>
   <table width="100%" border="0" cellspacing="0" cellpadding="0">
      <tr>
        <td width="15%" align="left" valign="middle">
<cfif (LastYear lt CurrentYear) OR (LastYear lte CurrentYear AND LastMonth lt startmonth)>
<cfelse>
<a href ="index.cfm?month=#LastMonth#&year=#LastYear#" class="calNav">Prev</a></cfif></td>
        <td width="72%" align="center" valign="middle"><FONT SIZE="3" face="Arial, Helvetica, sans-serif" color="##ffffff">#MonthAsString(month)# #year#</FONT></td>
        <td width="13%" align="right" valign="middle">
<cfif (NextYear lt CurrentYear) OR (NextYear lte CurrentYear AND NextMonth lt startmonth)>
<cfelse>
<a href = "index.cfm?month=#NextMonth#&year=#NextYear#" class="calNav">Next</a> </cfif></td>
      </tr>
    </table></cfoutput></th>
   </tr>
   <tr>
    <td><FONT SIZE="2" face="Arial, Helvetica, sans-serif" color="#333366">Sun</FONT></td>
    <td><FONT SIZE="2" face="Arial, Helvetica, sans-serif" color="#333366">Mon</FONT></td>
    <td><FONT SIZE="2" face="Arial, Helvetica, sans-serif" color="#333366">Tue</FONT></td>
    <td><FONT SIZE="2" face="Arial, Helvetica, sans-serif" color="#333366">Wed</FONT></td>
    <td><FONT SIZE="2" face="Arial, Helvetica, sans-serif" color="#333366">Thu</FONT></td>
    <td><FONT SIZE="2" face="Arial, Helvetica, sans-serif" color="#333366">Fri</FONT></td>
    <td><FONT SIZE="2" face="Arial, Helvetica, sans-serif" color="#333366">Sat</FONT></td>
   </tr><br><br>

<cfquery name="CaleventRec" datasource="#APPLICATION.dataSource#">
SELECT events.eventDate, events.ID AS ID
FROM events
WHERE eventDate = #CreateODBCDate("mm/dd/yyyy")#
</cfquery>

                       
                        <cfset ThisDay = 0>
                        
                        <cfloop condition = "ThisDay LTE Days">
                            <tr>
                            
                            <cfloop from = "1" to = "7" index = "LoopDay">
                            
                                <cfif #PreviousDay# EQ Now() - 1>
                                    <cfoutput query="CaleventRec">
                                        <a href = "cal_day.cfm">#Days#</a>
                                    </cfoutput>
                                </cfif>
                            
                                <cfif ThisDay IS 0>
                                    <cfif DayOfWeek(ThisMonthYear) IS LoopDay>
                                        <cfset ThisDay = 1>
                                    </cfif>
                                </cfif>
                            
                                <cfif (ThisDay IS NOT 0) AND (ThisDay LTE Days)>
                                    <cfoutput>
                                    
                                        <cfif (#ThisDay# EQ #currentday#) AND (#month# EQ #startmonth#) AND (#year# EQ #startyear#)>
                                            <td align = "center">
                                                <cfset dayview = #dateformat(createdate(#year#, #month#, #thisday#), "mm/dd/yyyy")#>
                                                <font class = "calendartoday">#ThisDay#</font>
                                            </td>
                                        <cfelse>
                                            <td align = "center">
                                                <cfset dayview = #dateformat(createdate(#year#, #month#, #thisday#), "mm/dd/yyyy")#>
                                                <font class = "calendar">#ThisDay#</font>
                                            </td>
                                        </cfif>
                                    </cfoutput>
                                    <cfset ThisDay = ThisDay + 1>
                                    <cfelse>
                                        <td></td>
                                </cfif>
                            </cfloop>
                            </tr>
                    </cfloop>
                    </table>
                </td>
            </tr>
        </table>
My date inthe database is like this = 1/1/2009
So my date is in teh DB with no time on it, I used code in the admin section to force an event date to only be allowed to be in that format.
How can I make this work? Is it only my where statement?
Thanks for the help so far.

Issues create quick events with GMT timezone in Calendar.

Hi All,
I have the following issue. I live The Netherlands but for my work I work with the UK. As they are in GMT and I am in CET I regularly create an event with GMT time in mind.
I also use Quick Events a lot. So I click on create quick event and I a type i.e. blah blah 9PM GMT. So far so good. So in this case 9PM GMT is 10PM CET.
However and I am not sure of this, but pretty sure, after the move to summertime the GMT moves two hours ahead. So the event at 9PM GMT now shows as 11PM CET.
Is anybody else having this issue?

Thank for your input. I, however, can't totally agree
your opinions.They're not opinions. They're facts, backed partially by the code I already posted, and more by code I've been dealing with for a couple of years.
Although I can parse the date & time data by using
the dateFormat as what you describe, I believe one
Java API class shall take care it.I don't know what you mean by this, but Calendar is not the appropriate class here.
The reason I want to preserve the user's time zone is
for user respective. I can ingore the time zone and
present the date data with the server machine time
zone configuration. This approach is not good for a
user. Some in Europe, for example, wouldn't want to
the time in the Pacific time zone format.You're not understanding what I'm saying.
The user tells you his TZ. He has to at some point, else you can't support TZ-specific input and display. You save that with the user profile, not with each date.
So I register with your site, and I tell you my TZ is GMT-8 (US/Los Angeles).
Later, you want to record what time something happens. You only need to look at what time it is on the server. You store that Timestamp. When it's time to display that to me--like to display the time I posted a message--you get the timestamp from the DB, and then you format it with a DateFormat whose TZ has been set to "US/Los Angeles" or "PST" or something. It will be displayed correctly.
If you want to ask me what time something happened, and you're assuming I'll be entering it in my local time, then you take the string I provide--say "2006-04-09 11:04"--then you parse that with a DF that has its TZ set to "PST" or whatever. What you save to the DB is a Timestamp created from the Date you got from the parse().
By storing a Date or Timestamp, you're not losing TZ information. You're storing the point in time at which something happened, later, when you're ready to display that, you convert that point in time to the relevant TZ. No information is lost.

Missing Calendar "Dot" on days with events.

I sync multiple calendars on my iPhone, and I am not sure when but now I no longer have the dot on days with events scheduled for any of my calendars. Any Ideas? ty.
-Anthony

If your phone gets an error message and will not sync, eject iphone temorarily.
Find your backed up LOCAL file and replace in Library > Application Support > Sync Services > Local
Remove new LOCAL file if your mac has created a new one. Once you replace it with the old one it will alow you to delete from the trash
Reconnect your iphone
In itunes > Info tab Sync Calendars > All Calendars
Apply > Sync
You may be prompted to advise because it is going to change a percentage of info on you mac > say yes
Your Calendars should now reappear on your computer.
I did try to re-import my exported calendars. I had the same problem all over again, so it seems that there was some corruption contained in the old calender .ics files. I had to start the whole process again. Trick is to keep your data in icloud and your phone. You are essentially repairing and replacing you iCal using your phone and iCloud. It is your computer files .ics files that are corrupt and need new ones making.
Hope that helps

How to post dates from YUI Calendar widget

I am able to get the YUI calendar widget to show on a web page. I cannot figure out, however, how to access the the selected date into a variable in order to use it. Can anyone help?
Thanks in advance,
Bob

I'm sorry, but that page leads to a whole lot of information on using the calendar including http://developer.yahoo.com/yui/examples/calendar/events.html
If you want a more specific answer please post a link to your site.
Gramps

ICloud on my phone, and I want to delete his iCloud account, without losing all my data, including, my apps, contacts, calendar events, music. If I delete his account, will I still have everything saved from before?

My nephew set up his own iCloud account on my phone, and I want to delete his iCloud account, without losing all my data, including, my apps, contacts, calendar events, music. If I delete his account, will I still have everything saved from before deleting his account?? I don't want to lose a single thing...I'm afraid to delete his iCloud account, and risk losing EVERYTHING I have on my phone. Is there another way to save everything without the risk of losing everything from deleting his iCloud account?

Deleting the iCloud account from your phone only deletes the account and any data you are syncing with the account (that is, any data that is set to On in Settings>iCloud). However, when you delete the account you are prompted about what to do with the iCloud data. If you want to keep it on your phone, be sure to choose Keep on My iPhone when prompted. Also, be sure to save any photo stream photos that are not in your camera roll or backed up somewhere else before deleting the account. To do this, open the photo stream album, tap Edit, tap all the photos you want to save, tap Share, then tap Save to Camera Roll.
Deleting the account will not touch any other data on your phone (music, apps, etc.).

Lion 10.7.2 On both mac book pro and iMac, both with Lion 10.7.2, obtain repeated iCal event notifications from calendar or address book. Cannot turn these off. They repeat several times per session and every time computer is used. How to diagnose this

Lion 10.7.2 On both mac book pro and iMac, both with Lion 10.7.2, obtain repeated iCal event notifications from calendar or address book. Cannot turn these off. They repeat several times per session and every time computer is used. How to diagnose this?

First, uninstall "SuperTV" (whatever that is) according to the developer's instructions. It isn't working and it's filling the log with noise.
If you have more than one user account, these instructions must be carried out as an administrator.
Launch the Console application.
Step 1
Make sure the title of the Console window is All Messages. If it isn't, select All Messages from the SYSTEM LOG QUERIES menu on the left.
Enter "BOOT_TIME" (without the quotes) in the search box. Note the timestamps of those log messages, which refer to the times when the system was booted. Now clear the search box and scroll back in the log to the last boot time when you had the problem. Post the messages logged before the boot, while the system was unresponsive or was failing to shut down. Please include the BOOT_TIME message at the end of the log extract.
Post the log text, please, not a screenshot. If there are runs of repeated messages, post only one example of each. Don’t post many repetitions of the same message. When posting a log extract, be selective. In most cases, a few dozen lines are more than enough.
PLEASE DO NOT INDISCRIMINATELY DUMP THOUSANDS OF LINES FROM THE LOG INTO A MESSAGE. If you do that, I will not respond.
Important: Some private information, such as your name, may appear in the log. Edit it out by search-and-replace in a text editor before posting.
Step 2
Still in Console, look under System Diagnostic Reports for crash or panic logs, and post the most recent one, if any. In the interest of privacy, I suggest you edit out the “Anonymous UUID,” a long string of letters, numbers, and dashes in the header of the report, if present (it may not be.) Please don’t post shutdownStall, spin, or hang logs — they're very long and not helpful.

HT2513 how do I share specific events on my calendar with others?

How do I share specific events on my calendar with others?

To share an entire calendar via mac and icloud you will either need a iCal server or to login with your icloud account with the computer you want the calendar on. I find the easiest way to share calendars is to sync your calendar with Google Calendar. Login to Google Calendar, under the "My Calendars" Tab on the left side, find the calendar you would like to share. Hover over it with the mouse and an upside down triangle will appear a little to the right of the calendar name. Click on the triangle and click share this calendar.

With Yosemite I can't figure out how to make a event in a calendar "on my mac"

When I used
create calendar with name myCal
in pre Yosemite it would make the calendar "on my mac" which was fine because when you got a list on all calendars it would be there.
Now with Yosemite it still will only make a new cal on my mac not iCloud but when you get a list of all cals its not listed, just the ones on iCloud are. Since I can't have it make a new calendar in iCloud and applescript doesn't see the calendars on my mac, I am lost on how to add a new event in the calendar I just created. I can get an event in an existing iCloud calendar but it takes a long time (in minutes not seconds).

Hello,
Just tried this. works fine if iCloud is switched off but when iCloud switched on then the Calendars 'On my mac" are not listed.
Not a reply to your question but do you know either how to create a named Calendar in iCloud or to rename an existing calendar in iCloud?
Thanks,
John H

Highlight Dates with Events in YUI Calendar

Similar Messages

Maybe you are looking for