Discussion on "Easy Date Handling in JavaScript with apex.date"

Jon Dixon · 2022-08-18T12:40:29.920Z

Working with dates and times in pure JavaScript is painful, to say the least. In Oracle APEX 21.2, the APEX team introduced the apex.date JavaScript API. The apex.date API provides several easy-to-use utility functions that make formatting, parsing, ...

Hello John

Thanks for writing this document its been very helpful I am in the process of trying to get a constant line or marker to appear on selected dates on a gantt chart. So far are ive been able to display selected dates but unable to select an extended period, multiple weekends or an entire month. Could you please advise on how to do this?

Hi Sam, Sorry I do not know enough about the APEX Gantt chart to know how to do this.

Hi John, To be able to select an extended period, multiple weekends or an entire month. You have to use you can leverage the customGridLines property. This property allows you to add custom grid lines to the Gantt chart, effectively creating markers on specific dates. You can use a for loop through these dates and it will be displayed on your chart. This is a code sample to achieve this

// Assume you have an array of selected dates var selectedDates = ["2023-11-15", "2023-11-22", "2023-12-01"];

// Loop through the selected dates and add custom grid lines for (var i = 0; i < selectedDates.length; i++) { apex.jQuery("#GANTT_CHART_ID").ganttChart("addCustomGridLine", { value: selectedDates[i], label: "Selected Date", style: { stroke: "red", // You can customize the line color "stroke-width": 2 } }); } Replace "GANTT_CHART_ID" with the actual ID of your Gantt chart region.

Let me know if you need further clarification on this

Hi Jon,

I think in example 2 the code

apex.message.clearErrors();

should be executed outside the if condition. Because if the user fixes the error, the message will go away.

Thank you for your time.

Eric

Hi Eric, You are quite right, I have fixed it. Thanks for letting me know.

Search Hashnode

Easy Date Handling in JavaScript with apex.date

Responses2