data-transformer-date-serialize.md

title	description	template	last_updated	redirect_from	related
Data Transformer: Date-serialize	This document provides details about the Data Transformer Date-serialize 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-serialize.html /docs/scos/dev/front-end-development/202204.0/marketplace/ui-components-library/data-transformers/date-serialize.html /docs/scos/dev/front-end-development/202404.0/marketplace/ui-components-library/data-transformers/data-transformer-date-serialize.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-parse docs/dg/dev/frontend-development/page.version/marketplace/ui-components-library/data-transformers/data-transformer-date-parse.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-serialize service in the Components Library.

Overview

Data Transformer Date-serialize is an Angular Service that serializes JS Date Object into a Date ISO string.

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

<spy-select
    [datasource]="{
        type: 'inline',
        data: Date.now(),
        transform: {
            type: 'date-serialize'
        },
    }"
>
</spy-select>

Service registration

Register the service:

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

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

Interfaces

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

export interface DateSerializeDataTransformerConfig extends DataTransformerConfig {}