Oracle APEX Korea: 20240915 - Date Picker 날짜 에어비앤비처럼 선택 가능 날짜만 표시

1. 플러그인 다운로드

https://github.com/oracle/apex/tree/d630a79a7984addc8ca683bc6343cb250ac87a10/plugins/dynamic-action/format-datepicker-days

2. 플러그인 임포트

3. Date Picker 아이템 생성 및 Page Load 셋팅

select 
   trunc(sysdate)               as start_date,
   trunc(sysdate)               as end_date,
   null                         as css_class,
   'Purge Day'                  as tooltip,
   0                            as is_disabled
from dual
union all
select 
   trunc(sysdate+1)             as start_date,
   trunc(sysdate+1)             as end_date,
   null                         as css_class,
   'Purge Day'                  as tooltip,
   0                            as is_disabled
from dual
union all
select 
   trunc(sysdate+2)             as start_date,
   trunc(sysdate+2)             as end_date,
   null                         as css_class,
   'Purge Day'                  as tooltip,
   0                            as is_disabled
from dual

const pluginFormatter = apex.items.P3_DP.dayFormatter;

apex.items.P3_DP.dayFormatter = function (pDateISOString) {

  const plugInFormatterResult = pluginFormatter(pDateISOString);

  return {
      disabled: 'disabled' in plugInFormatterResult 
                 ? plugInFormatterResult.disabled : true,

      class: 'class' in plugInFormatterResult 
              ? plugInFormatterResult.class : null,

      tooltip: 'tooltip' in plugInFormatterResult 
               ? plugInFormatterResult.tooltip : null
  };
};

apex.items.P3_DP.refresh();