No love from custom date formatting

You put it in like this?

<span class="day">[start-date format="F"]</span>
<span class="month">[start-date format="j"]</span>
<span class="year">[start-date format="Y"]</span>

I just helped someone else with something similar so I know this works. What is your CSS for it if the above is still not picking it up?

OK, changed some things to make it easier.

Date is set to Advanced -> Custom

Calendar page (in editor) is (cut & paste):

<strong>[title]</strong><p>

<div>[start-date format="D"]</div> <div>[start-date format="d"]</div>

<span class="day">[start-custom="D"]</span>
<span class="month">[start-custom="d"]</span>

[location]</p><div>[description]</div><p>[link newwindow="yes"]See more details[/link]</p>

Test page is here.

css is stripped down to:

/***********  Style the Simple Calendar big list view  ******************/
/*  calendar id = "2145"  */
/*  Define php date format as
       D d
*/

.simcal-events-calendar-{calendar-2145} {
}

I have a widget on the same page, as you see, but all references are prefaced with #gce_widget-2

Current version of WordPress, theme “Evolve” also current.

I guess one question is, do I need to define the stuff I don’t want to show, such as the day of the week, then set it to not display?

No you shouldn’t have to do that. You just need to put the ones you want. But if you are using the custom date format then you will likely want to match what you have in there so it doesn’t get confusing or so you don’t have extra information coming from one or the other.

Thank you very much for your help.

Any feeling yet, as to why the full day-of-week, & year are showing when my custom dates are set to show only month abbreviation & numeric day?

What do you have in your event template and what do you have for your custom date setting (maybe a screenshot would work)?

Also, is this a single calendar or a grouped calendar?

Hi Nick,

The event template:

<strong>[title]</strong><p>

<div>[start-date format="D"]</div> <div>[start-date format="d"]</div>

<span class="day">[start-custom="D"]</span>
<span class="month">[start-custom="d"]</span>

[location]</p><div>[description]</div><p>[link newwindow="yes"]See more details[/link]</p>

It is a grouped calendar. It should display a list view. I took off all the css referencing it.

I don’t see an option for uploading screenshots.

Custom date setting (in addition to template above):

Advanced -> Date format -> Custom

It shows the date preview as “Sunday, 01 January 2017” but I was thinking that the template tags would override.

I tried to set everything on the “Advanced” options calendar settings to blank, but it just went back to showing everything as above.

I just tried your setup and it looks like it is working on my side. The list ends up looking like this: https://screencast.com/t/U59Bd5lQuV

Are you talking about just the preview that is showing wrong or is it wrong when you view the calendar too?

It’s not just a preview.

This is the page (click here).

I’m using Chrome.

Neither of the two calendars feeding into the group has a custom date & time, the feeder calendars just us the default date & time format.

I really appreciate your looking into this. I get the feeling it’s something simple that is not at all obvious.

D’oh sorry that’s the problem. I missed it from your last post. Even though it is a grouped calendar it will use the individual calendar event template. So you need to update the template in the single calendars that are fed into the grouped calendar. I think that should do the trick after you do that.

We are both likely experiencing sub-therapeutic caffeine levels.

It’s getting a bit late for this old person, but I will give that a try tomorrow and let you know how it works out. The mini-calendar is FABULOUS!

Later,
Tater

Hi Nick,

The list display looks great now. Example here.

But, a bunch of the dates are wrong.

The proper dates in in the grid widget & popup. The list display dates are frequently wrong. I can’t pick up a pattern.

The list view is running straight off a Google calendar, not a grouped calendar. Date format is set to “custom”. Starts on current month, goes up to 1 year in future. Week starts on Sunday.

Calendar html is as follows:

<!-- Mica Flats Grange calendar, for testing. Feed into the Events list, but not the grid calendar popup.  For final, remove this comment as it adds an extra space above each list entry. -->
<div class="block-align-vertically">
<div class="inner">
   <span class="date-icon">
      <span class="dayname">[start-date format="D"]</span>
      <span class="daynum">[start-date format="d"]</span>
   </span>&nbsp;&nbsp;&nbsp;&nbsp;
</div>
<div class="inner">
      <span class="event-time">[start-time]            </br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; to </br>[end-time]&nbsp;&nbsp;&nbsp;&nbsp;</span>
</div>
<div class="inner">[title]</br>[description] <strong>[if-start-location]Click for map:[/if-start-location]</strong>
  [start-location-link][location][/start-location-link]
</div>
</div><hr>

I didn’t know whether to mention this here, or in the other thread about wrong dates.

Take care,
Tater

Belay that. I double-checked the test page and it was running a group calendar that had as its sole source, a regular google calendar.

I’ll need to see whether the list will run grouped calendars properly, but for now, all appears ok.

Let me know if you want the css for the cutesy styling with the icons.

I might move the times below the date icon for a little more efficient display.

List group calendar will not display at all. Grid calendar (using test calendar data & Google holidays calendar), displays the test data fine and all the Google holidays are off by one day.

I set up 3 calendars for the grid and 3 for the list. Two feeder calendars for each, and a grouped calendar.

All the formatting is in the feeder calendars and is identical (e.g., list feeders use same formatting and grid feeders use their same formatting). All dates set to “custom”, start & end dates of the feeder & their respective group calendars are the same; all timezones are the same.

Everything worked fine in the grid calendar until I substituted the Google Holiday calendar source for a test calendar data feed, and the list calendar view worked fine with an individual data feed.

It appears this is an ongoing problem. Shall I just bag the idea of grouped calendars? Not very convenient, but my clients can probably live with single data sources.

P.S. Interestingly, for Valentine’s day & President’s day (click here), the times are both listed as running from 3 pm to 2:59 pm. Calendar timezones are set to Alaska Time.

When I look on the Google’s calendar site, the date / time entries for Valentine’s Day show:
Sun, February 14, 12am – Mon, February 15, 12am

If I can get the list to display again, it styled up beautifully.

It seems odd to have to style each feeder calendars instead of the final group calendar, but perhaps that allows greater flexibility in case people want to style differently for different sources.