Monitor Reply

Support

Want to remove Month, Day, Year from ccm-calendar-upcoming-date-time in Upcoming view

Permalink Browser Info Environment March 29, 2012 at 10:14 AM

I'm re-styling the upcoming view to look more like on eof the views in ChadStrat's Proevents add-on & I'm nearly there, but for this. I've changed the original upcoming.php to this:

<div class="ccm-calendar-upcoming">
   <?php   
   $nh = Loader::helper('navigation');
   $counter = 0;
   $limit = 10;
   foreach($eventObjList as $ce) {
      if(strtotime($ce->getEventStartDate()) < time()) { continue; }
      ?>
      <div class="ccm-calendar-upcoming-event">
            <div class="cal-icon">
            <div class="month">
                        <?php   echo date('M', strtotime($ce->getEventStartDate())); ?>
            </div>
            <div class="day">
                        <?php   echo date('j', strtotime($ce->getEventStartDate())); ?>

Viewing 15 lines of 32 lines. View entire code block.

 
<div class="ccm-calendar-upcoming">
   <?php   
   $nh = Loader::helper('navigation');
   $counter = 0;
   $limit = 10;
   foreach($eventObjList as $ce) {
      if(strtotime($ce->getEventStartDate()) < time()) { continue; }
      ?>
      <div class="ccm-calendar-upcoming-event">
 
            <div class="cal-icon">
            <div class="month">
                        <?php   echo date('M', strtotime($ce->getEventStartDate())); ?>
 
            </div>
            <div class="day">
                        <?php   echo date('j', strtotime($ce->getEventStartDate())); ?>
            </div>
            </div>
 
        <h4 class="ccm-calendar-upcoming-name"><a href="<?php  echo $nh->getLinkToCollection($ce)?>"><?php  echo $ce->getCollectionName()?></a></h4>
 
        <div class="ccm-calendar-upcoming-date-time"> <p><?php  echo $ce->getDateString();?></p></div>
 
      <?php   
      if (strlen(trim($ce->getCollectionDescription()))) { ?>
         <div class="ccm-calendar-upcoming-description"> <p><?php  echo $ce->getCollectionDescription()?></p></div>
      <?php   }
      $counter++;
      if($counter >= $limit ) {break;}
      ?>
      </div><?php  
   }
   if ($counter == 0) { ?>
      <div><?php   echo t('No Upcoming Events')?></div>
   <?php   } ?>
</div>

and added in some more CSS to make it happen but I can't figure out how to just show the time instead of the Month, Day, Year then Time.

1 Attachment

Type:	Discussion
Status:	Archived

GregJoyce replied on Mar 30, 2012 at 1:06 pm Permalink Reply

See up top in the "month" class and the "day" class divs where it is doing like, date('M',strtotime($ce->someDateFunction()) ?

You can do the same thing where you are echoing the time, except you will want to replace that 'M' with a different string, probably something like

'H:i a', which should show show "hours:minutes am/pm".

Here is the documentation about the PHP date strings:
http://php.net/manual/en/function.date.php...

PassionForCreative replied on Apr 2, 2012 at 6:51 am Permalink Reply 1 Attachment

Thanks Greg,

Your advice works but it pulls the event Finish time instead of the Start time. Any idea on how to get this the other way around?

<div class="ccm-calendar-upcoming-date-time"> <p><?php   echo date('H:i a', strtotime($ce->getDateString())); ?></p></div>

EvanCooper replied on Apr 2, 2012 at 1:23 pm Permalink Best Answer Reply

Do you need to use this instead?

$ce->getEventStartDate()

PassionForCreative replied on Apr 3, 2012 at 4:27 am Permalink Reply 1 Attachment

Thanks guys. Wish I could split the Best Answer between you both. Thanks to greg for the correct syntax and to Evan for telling me what to put in to get the start time.

If anyone is interested in restyling their upcoming page to look like this [see attachment] here is the css & the php

///CSS///

/* Upcoming View */
.cal-icon  {
   float: left;
   height: 35px;
   width: 30px;
   border: solid thin silver;
   margin-right: 5px;
   background-color: white;
}
.month {
   background-color: #B70505;
    color: white;
    font-size: 10px;
    font-weight: normal;
    height: 12px;

Viewing 15 lines of 51 lines. View entire code block.

 
/* Upcoming View */
.cal-icon  {
   float: left;
   height: 35px;
   width: 30px;
   border: solid thin silver;
   margin-right: 5px;
   background-color: white;
}
 
.month {
   background-color: #B70505;
    color: white;
    font-size: 10px;
    font-weight: normal;
    height: 12px;
    line-height: .9;
    padding-top: 3px;
    text-align: center;
}
 
.day {
   line-height: 13px;
   color: #828282;
   font-size: 16px;
   padding-top: 2px;
   font-weight: bold;
   text-align: center;
}
h4.ccm-calendar-upcoming-name {
   margin: 0pt 0pt 0.2em;
   color: #224d77;
    font-size:1.1em;
}
h4.ccm-calendar-upcoming-name a {
   margin: 0pt 0pt 0.2em;
   color: #224d77;
   text-decoration: none;
   font-weight: 400;
}
.ccm-calendar-upcoming-date-time p {
   font-size: 0.9em;
   font-weight: 400;
   color: #666;
}
.ccm-calendar-upcoming-description p {
   font-size: 0.9em;
   font-weight: 400;
   color: #666;
   margin: 0 0 10px 0;
   border-bottom: #999 dotted thin;
   padding: 0 0 3px 0;
}

///PHP///

<div class="ccm-calendar-upcoming">
   <?php   
   $nh = Loader::helper('navigation');
   $counter = 0;
   $limit = 10;
   foreach($eventObjList as $ce) {
      if(strtotime($ce->getEventStartDate()) < time()) { continue; }
      ?>
      <div class="ccm-calendar-upcoming-event">
            <div class="cal-icon">
            <div class="month">
                        <?php   echo date('M', strtotime($ce->getEventStartDate())); ?>
            </div>
            <div class="day">
                        <?php   echo date('j', strtotime($ce->getEventStartDate())); ?>

Viewing 15 lines of 32 lines. View entire code block.

 
<div class="ccm-calendar-upcoming">
   <?php   
   $nh = Loader::helper('navigation');
   $counter = 0;
   $limit = 10;
   foreach($eventObjList as $ce) {
      if(strtotime($ce->getEventStartDate()) < time()) { continue; }
      ?>
      <div class="ccm-calendar-upcoming-event">
 
            <div class="cal-icon">
            <div class="month">
                        <?php   echo date('M', strtotime($ce->getEventStartDate())); ?>
 
            </div>
            <div class="day">
                        <?php   echo date('j', strtotime($ce->getEventStartDate())); ?>
            </div>
            </div>
 
        <h4 class="ccm-calendar-upcoming-name"><a href="<?php  echo $nh->getLinkToCollection($ce)?>"><?php  echo $ce->getCollectionName()?></a></h4>
 
        <div class="ccm-calendar-upcoming-date-time"> <p><?php   echo date('H:i a', strtotime($ce->getEventStartDate())); ?></p></div>
 
      <?php   
      if (strlen(trim($ce->getCollectionDescription()))) { ?>
         <div class="ccm-calendar-upcoming-description"> <p><?php  echo $ce->getCollectionDescription()?></p></div>
      <?php   }
      $counter++;
      if($counter >= $limit ) {break;}
      ?>
      </div><?php  
   }
   if ($counter == 0) { ?>
      <div><?php   echo t('No Upcoming Events')?></div>
   <?php   } ?>
</div>

ConcreteCMS replied on Oct 10, 2014 at 12:08 am Permalink Reply

Attention: Since there has been no activity on this issue for two weeks, this issue has been automatically archived.

To re-open this issue, reply to this message.

Calendar

Support

Want to remove Month, Day, Year from ccm-calendar-upcoming-date-time in Upcoming view

Issue Reply

concrete5 Environment Information

Browser User-Agent String

Hide Post Content

Request Refund

Code

Delete Post