DataGrid - How to display only the time part of dates

AJAY GANDHI 1

created 4 years ago

Hi,

we are using devextreme dataGrid in our angular project,
While working with dxDateBox editor for show time value,
The grid showing 'Time' value [ example: 10:35] when time column cell is in edit mode.
but, The grid showing 'date' [example: 11/30/2020] while loss the cell focus. of time column cell.

Please check the attached video, shown my problem at there.
datagrid_Transaction.mp4

please refer the following sample project.
stackblitz example

datagrid_T...action.mp4

Answers approved by DevExpress Support

DevExpress Support Team

created 4 years ago

Hello Ajay,

For Date objects, DataGrid displays dates if nothing else is configured.
To display only the time part of your dates in cells, use the columns.format option. Set it to "HH:mm". For instance, you can use the customizeColumns function:

JavaScript
customizeColumns (columns) {
        columns.forEach((col) => {
          if(col.dataField === "Time")
            col.format = "HH:mm"
        })
  }

Please let me know if you have additional questions.

Regards,
Romeo

Comments (3)

AJAY GANDHI 1 4 years ago

Hi Romeo,

Thanks for your valuable reply, my problem is solved.

DevExpress Support Team 4 years ago

I'm happy to hear that you resolved the issue. Would you mind if I mark this ticket public so that other customers can find this solution?

AJAY GANDHI 1 4 years ago

Hi Romeo,
yes, you can make it as public.

DataGrid - How to display only the time part of dates

Answers approved by DevExpress Support

Recently viewed tickets