Is it possible to have DateTIme filtering in a custom column?

[MANISHA GHOSH]

I have a custom column that only views date but not related to StartDate or EndDate. I want to apply DateTime filtering on it. The data is Javascript Date object. How can I enable DateTime filtering options for this specific column? Currently it is showing only Text filtering option. Thanks.

[Sridharan Jayabalan]

Hi Manisha,

Greetings from Syncfusion.

To enable DateTime filtering for a custom column, you can use the format and type properties for the specific column. By setting the "type" property to 'datetime' and providing a date format using the format property, the column will support DateTime filtering. Refer code snippets and sample for your reference.

 

Code-Snippet:   

const Editing = () => {

  return (

        <GanttComponent>

          <ColumnsDirective>

            <ColumnDirective

              field="CustomDate"

              format={'MMM dd, y HH:mm'}

              type="datetime"

              width="250"

            ></ColumnDirective>

          </ColumnsDirective>

        </GanttComponent>

  );

};

 

Sample - Nbaf2q (forked) - StackBlitz

 

Regards,

Sridharan

[MANISHA GHOSH]

Hello Sridharan,

That's exactly what I was looking for. Thanks a lot!

[Kalpana Ganesan]

Hi Manisha,

You're welcome, please get back to us for further assistance.

Regards,

Kalpana.