data-transformer-date-parse.md

title	description	template	last_updated	redirect_from	related
Data Transformer: Date-parse	This document provides details about the Data Transformer Date-parse service in the Components Library.	concept-topic-template	Nov 21, 2023	/docs/marketplace/dev/front-end/202212.0/ui-components-library/data-transformers/data-transformer-date-parse.html /docs/scos/dev/front-end-development/202204.0/marketplace/ui-components-library/data-transformers/date-parse.html /docs/scos/dev/front-end-development/202404.0/marketplace/ui-components-library/data-transformers/data-transformer-date-parse.html	title link Data Transformers docs/dg/dev/frontend-development/page.version/marketplace/ui-components-library/data-transformers/data-transformers.html title link Data Transformer Array-map docs/dg/dev/frontend-development/page.version/marketplace/ui-components-library/data-transformers/data-transformer-array-map.html title link Data Transformer Chain docs/dg/dev/frontend-development/page.version/marketplace/ui-components-library/data-transformers/data-transformer-chain.html title link Data Transformer Date-serialize docs/dg/dev/frontend-development/page.version/marketplace/ui-components-library/data-transformers/data-transformer-date-serialize.html title link Data Transformer Lens docs/dg/dev/frontend-development/page.version/marketplace/ui-components-library/data-transformers/data-transformer-lens.html title link Data Transformer Object-map docs/dg/dev/frontend-development/page.version/marketplace/ui-components-library/data-transformers/data-transformer-object-map.html title link Data Transformer Pluck docs/dg/dev/frontend-development/page.version/marketplace/ui-components-library/data-transformers/data-transformer-pluck.html

This document explains the Data Transformer Date-parse service in the Components Library.

Overview

Data Transformer Date-parse is an Angular Service that parses the string value as a Date ISO into the JS Date Object.

In the following example, the datasource transforms the date string into the parsed date object.

<spy-select
    [datasource]="{
        type: 'inline',
        data: '2020-09-24T15:20:08+02:00',
        transform: {
            type: 'date-parse'
        },
    }"
>
</spy-select>

Service registration

Register the service:

declare module '@spryker/data-transformer' {
    interface DataTransformerRegistry {
        'date-parse': DateParseDataTransformerConfig;
    }
}

@NgModule({
    imports: [
        DataTransformerModule.withTransformers({
            'date-parse': DateParseDataTransformerService,
        }),
    ],
})
export class RootModule {}

Interfaces

Below you can find interfaces for the Data Transformer Date-parse:

export interface DateParseDataTransformerConfig extends DataTransformerConfig {}