The callback receives the selected view mode string ( `years`, `months`, `days` or `time`) as only parameter.| | **onViewModeChange** | `function` | empty function | Callback trigger when the view mode changes. If the date in the input is not valid, the callback returned. The callback receives the selected `moment` object as only parameter, if the date in the input is valid. | **onBlur** | `function` | empty function | Callback trigger for when the user clicks outside of the input, simulating a regular onBlur. The callback receives an event of type SyntheticEvent. | **onFocus** | `function` | empty function | Callback trigger for when the user opens the datepicker. If the date in the input is not valid, the callback receives the value of the input (a string). | **onChange** | `function` | empty function | Callback trigger when the date changes. Otherwise they will default to the user's local timezone (unless `utc` specified). | **displayTimeZone** | `string` | `null` | **Needs () available in your project.** When specified, input time values will be displayed in the given time zone. Otherwise they will default to the user's local timezone. | **utc** | `boolean` | `false` | When true, input time values will be interpreted as UTC (Zulu time) by Moment.js. Moment.js locale needs to be loaded to be used, see ( #i18n). | **locale** | `string` | `null` | Manually set the locale for the react-datetime instance.
If not set react-datetime will open the datepicker on input focus and close it on click outside. | **open** | `boolean` | `null` | Whether to open or close the picker. | **input** | `boolean` | `true` | Whether to show an input field to edit the date manually. If `false` the timepicker is disabled and the component can be used as datepicker, see ( #specify-available-units). If `true` the time will be displayed using the defaults for the current locale. It accepts any ( ) (not in localized format). | **timeFormat** | `boolean` or `string` | `true` | Defines the format for the time. If `false` the datepicker is disabled and the component can be used as timepicker, see ( #specify-available-units). If `true` the date will be displayed using the defaults for the current locale. | **dateFormat** | `boolean` or `string` | `true` | Defines the format for the date. This prop is parsed by Moment.js, so it is possible to use a date `string` or a `moment` object. | **viewDate** | `Date` | `new Date()` | Represents the month which is viewed on opening the calendar when there is no selected date. | **defaultValue** | `Date` | `new Date()` | Represents the selected date for the component to use it as a ( ). | **value** | `Date` | `new Date()` | Represents the selected date by the component, in order to use it as a ( ). **Don't forget to add the () to make it work out of the box.** You can then use the datepicker like in the example below. These dependencies are not installed along with react-datetime automatically, but your project needs to have them installed in order to make the datepicker work. ( ) and ( ) are peer dependencies for react-datetime (as well as ( ) if you want to use the `displayTimeZone` prop).
#Unpkg moment type code#
This project started as a fork of but the code and the API has changed a lot. It is **highly customizable** and it even allows to edit date's milliseconds. It can be used as a datepicker, timepicker or both at the same time. locales ( ) ) // 2.29.A date and time picker in the same React.js component. * * This means the moment does not get enhanced with the loaded locale: */ console. * First import gets redirected to * * then */ import moment from "" /* Second import gets redirected to * * then */ import "" /* * The locale file imported moment using a relative path: * import './moment' * which resolved to * and was redirects to * * Because != "" * the browser treats these as separate modules, so the locale augments * an inaccessible second copy of the moment module that we don't have * access to.
0 kommentar(er)
