New to KendoReact? Start 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:
- Convert the JSON date strings into valid JavaScript
Date
objects by using theIntlService
or any other suitableDate
parser. - Define the
value
property of the component. - Wire the
onChange
event of the Calendar to get the selectedDate
value.
The following example demonstrates how to set the value of the Calendar.
Change Theme
Theme
Loading ...