New to KendoReactStart a free 30-day trial

Integration with JSON

Generally, the data which is received from the server is serialized in a JSON format.

The date object in JSON is an ISO8601-formatted date string. On the other hand, the Calendar works only with JavaScript Date instances.

To bind the Calendar to dates which are serialized as strings, handle the parsing process:

  1. Convert the JSON date strings into valid JavaScript Date objects by using the IntlService or any other suitable Date parser.
  2. Define the value property of the component.
  3. Wire the onChange event of the Calendar to get the selected Date value.

The following example demonstrates how to set the value of the Calendar.

Change Theme
Theme
Loading ...
In this article
Suggested Links
Not finding the help you need?
Contact Support