Calendar
Calendars enable the user to select a date or a date range.
Default
Copy Pug Copy HTML Show code Hide codee-calendar
<e-calendar></e-calendar>
<e-calendar></e-calendar>Initial date Copy Pug Copy HTML Show code Hide codee-calendar(date="2016-04-12")
<e-calendar date="2016-04-12"></e-calendar>
<e-calendar date="2016-04-12"></e-calendar>Range Copy Pug Copy HTML Show code Hide codee-calendar(date="2016-04-12" range="2016-04-28")
<e-calendar date="2016-04-12" range="2016-04-28"></e-calendar>
<e-calendar date="2016-04-12" range="2016-04-28"></e-calendar>Start date Copy Pug Copy HTML Show code Hide codee-calendar(startdate="2016-04-11")
<e-calendar startdate="2016-04-11" date="2016-04-12"></e-calendar>
<e-calendar startdate="2016-04-11" date="2016-04-12"></e-calendar>End date Copy Pug Copy HTML Show code Hide codee-calendar(enddate="2016-04-20")
<e-calendar enddate="2016-04-20" date="2016-04-12"></e-calendar>
<e-calendar enddate="2016-04-20" date="2016-04-12"></e-calendar>API Reference
Properties
| Name | Description | Type | Required | Default value |
|---|---|---|---|---|
| date | Selected date or start of the initially selected date range | string | ||
| startdate | The earliest date a user may select | string | ||
| enddate | The latest date a user can select | string | ||
| range | The end of the initially selected date range |
Events
| Event | Description | Returns |
|---|---|---|
update | Fires on date select | {
detail:
date: [as string],
dateObj: [JavaScript date]
}
} |