tiva_theme supports this item


This author's response time can be up to 2 business days.

26 comments found.

Hey guys, First of all: very awesome plugin which is easy to set up.

One question, At the point, were i fetch data with ajax from the php script i want to get the selected date range so that i only have to select events in that range and not the whole dataset.

How can i get the current selected week range?

To do it, you need modify in timetable/timetables.php : define min time and max time to get events. Then in line 33, add the condition:
if ((min_time < $timetable->time) && ($timetable->time < max_time)) { array_push($timetables, $timetable); }

yeah thats obvious, but how would i get the min_time and max_time?

The thing is lets say in the calender we have the week mode and it shows the week from 9th January to 16th January. So just want to fetch events from this range :)

It mean you want to use date filter on frontend of calendar? If that, in the end of file timetable.js, add function to trigger the select of date filter, get the value of filter (min time and max time), then call ajax to timetable/timetables.php (similar to line 667 – 700) with post value of min time, max time. Then in timetable/timetables.php, process like we have mentioned above.

Hi, Could I use Tiva calendar to show multi-day events or it display only on event per day?

Hi. The calendar display only event per day.

Hi, is it possible to sort weekly task (left to right) by name a-z?

Hi. Unfortunately, it is impossible with current version.

It is possible that you design a reservation room table css as https://rentl.io/en or http://enjoyinspiration.com/wp-content/uploads/2014/11/Kudos2.jpg for example?

Hi sessojunior. Unfortunately, we have not enough resource now. So we can’t implement custom work like that.

Hi sessojunior. Unfortunately, we have not enough resource now. So we can’t implement custom work like that.

Hi! I was wondering if the ability to change from 24 hour time to 12 hour AM/PM time has been implemented yet?


Hi marcogodles. To do it, you need implement custom work (modify code) yourself. In timetable.js file, add this function:
function timeTo12HrFormat(time) {
    var time_part_array = time.split(":");
    var ampm = 'AM';

    if (time_part_array[0] >= 12) {
        ampm = 'PM';

    if (time_part_array[0] > 12) {
        time_part_array[0] = time_part_array[0] - 12;

    formatted_time = time_part_array[0] + ':' + time_part_array[1] + ' ' + ampm;

    return formatted_time;
Then use it to convert to 12h format where you want. For example: on line 341:
+ '<div class="timetable-time">' + timetables[t].start_time + ' - ' + timetables[t].end_time + '</div>'
-> Change to:
+ '<div class="timetable-time">' + timeTo12HrFormat(timetables[t].start_time) + ' - ' + timeTo12HrFormat(timetables[t].end_time) + '</div>'

Thanks! this worked well, however i was unable to apply the same to the ‘time’ on the side axis