Displaying Group Availability

The group availability project (https://code.daypilot.org/97538/javascript-scheduler-displaying-group-availability) seems to work as expected if I add eventEndSpec: "Date" to the config. That is, the group totals correspond to the events displayed.

So the problem might be somewhere else. If you want to modify the datetime values (DayPilot.Date objects) you can use the class methods (https://api.daypilot.org/daypilot-date-methods/) to do custom calculations, e.g.

const nextDay = args.cell.start.addDays(1);

Let me know if it doesn't help.

Thanks you for your time but it's doesn't solve it.

I don't know why args.cell.end take 2022-01-27 and not 2022-01-28T like my database

Have you got any idea ?

Maybe you are checking an incorrect property. The args.cell property holds information about the background cell. For the last cell in the screenshot (Saturday January 29, 2022) the values should be:

args.cell.start => 2022-01-29T00:00:00
args.cell.end => 2022-01-30T00:00:00

My context menu return args.source.end => 2022-01-30T00:00:00

this is my code

dp.onBeforeCellRender = function(args) {

            // Highlighting today
            if (args.cell.start <= DayPilot.Date.today() && DayPilot.Date.today() < args.cell.end) {
                args.cell.backColor = "#ffcccc";
            }

            // Disabled Cells
            var row = dp.rows.find(args.cell.resource);
            var display = row.data.display
            var boolValue = display.toLowerCase() == 'true' ? true : false;

            if (boolValue === false) {
                args.cell.disabled = true;
                args.cell.backColor = "#ccc";
            }

            // Displaying Group Availability
            if (args.cell.isParent) {

                var children = dp.rows.find(args.cell.resource).children().filter(function(row) {
                    return JSON.parse(row.data.display); // disable Availability for display = false column
                });

                var total = children.length;

                var used = children.filter(function(row) {
                    return !!row.events.forRange(args.cell.start, args.cell.end).length;
                }).length;

                var available = total - used;

                var w = dp.cellWidth / total;

                args.cell.areas = [];

                args.cell.areas.push({
                    html: "" + available,
                    style: "text-align: center; font-size: 12px; font-weight: bold",
                    top: 4,
                    left: 0,
                    right: 0
                });

                args.cell.backColor = "#d9ead3";

                if (available === 0) {
                    args.cell.backColor = "#f9cb9c";
                }

                DayPilot.list.for(total).forEach(function(item, i) {
                    var color = "#b6d7a8";
                    if (i < used) {
                        color = "#6aa84f";
                    }
                    if (available === 0) {
                        color = "#e69138";
                    }
                    args.cell.areas.push({
                        bottom: 0,
                        height: 10,
                        left: i * w,
                        width: w - 1,
                        backColor: color
                    });
                })
            }
  }

This seems to work fine - I'm testing it with the sample project from https://code.daypilot.org/97538/javascript-scheduler-displaying-group-availability.

What version of DayPilot do you use? If it's an older version, could you please give it a try with the latest release?

i'm using

DayPilot Pro for JavaScript 2020.1.4174

This issue has been fixed in version 2020.3.4547:
https://javascript.daypilot.org/daypilot-pro-for-javascript-2020-3-4547/

I recommend switching to the latest version though - which is now 2022.1.5188.

it doesn't change anything...

https://api.daypilot.org/daypilot-scheduler-eventendspec/

When i disable this
dp.eventEndSpec = "Date";

But i need it

The latest version works with eventEndSpec: "Date" as well. You can verify it in the sample project available in the tutorial (https://code.daypilot.org/97538/javascript-scheduler-displaying-group-availability).

I recommend checking that the library is properly updated and loaded (make sure it's not using an old cached version).

If you are able to reproduce the problem using the sample project please let me know. However, in my tests it works fine.

(make sure it's not using an old cached version) => solved my issue

Now it's worked

i have an issue regarding this solved !

I have changing daypilot-all.min.js but now it'm back to trial version ...

How can i get back my license ?

i'm sorry i have download the last version Pro