import DateTimeControl from 'n2o/src/components/controls/DatePicker/DateTimeControl.jsx'DateTimeControl
Extends:
Компонент DateTimeControl
React Props:
| Name | Type | Attribute | Description |
| type | string | ||
| defaultTime | string | ||
| value | moment | date | string | ||
| min | moment | date | string | ||
| max | moment | date | string | ||
| dateDivider | string | ||
| onChange | function | ||
| dateFormat | string | ||
| timeFormat | string | ||
| outputFormat | string | ||
| disabled | boolean | ||
| placeholder | string | ||
| locale | string | ||
| timeFormat | string | ||
| openOnFocus | string |
Constructor Summary
| Public Constructor | ||
| public |
|
|
Member Summary
| Public Members | ||
| public |
defaultTime: * |
|
| public |
format: * |
|
| public |
inputGroup: * |
|
| public |
state: {"inputs": *, "isPopUpVisible": *, "isTimeSet": *, "focused": *} |
|
Method Summary
| Public Methods | ||
| public |
Навешивание листенеров для появления / исчезания попапа |
|
| public |
componentWillReceiveProps(props: *) Обработка новых пропсов |
|
| public |
Удаление листенеров для появления / исчезания попапа после анмаунта |
|
| public |
dateToString(date: *): * Приведение к строке |
|
| public |
markTimeAsSet(inputName: *) |
|
| public |
onChange(inputName: *) вызов onChange |
|
| public |
onClickOutside(e: *) Обработка клика за пределами попапа |
|
| public |
onFocus(e: *) |
|
| public |
onInputChange(date: *, inputName: *) Выбор даты, прокидывается в инпут |
|
| public |
render(): * Базовый рендер |
|
| public |
renderPopUp(width: *): * Рендер попапа |
|
| public |
Выбор даты, прокидывается в календарь |
|
| public |
setInputRef(poperRef: *): * |
|
| public |
setPlacement(placement: *) Устанавливает положение попапа |
|
| public |
setVisibility(visible: *) Устанавливает видимость попапа |
|
Public Constructors
public constructor() source
Public Members
public defaultTime: * source
public format: * source
public inputGroup: * source
public state: {"inputs": *, "isPopUpVisible": *, "isTimeSet": *, "focused": *} source
Public Methods
public componentWillReceiveProps(props: *) source
Обработка новых пропсов
Params:
| Name | Type | Attribute | Description |
| props | * |
public componentWillUnmount() source
Удаление листенеров для появления / исчезания попапа после анмаунта
public dateToString(date: *): * source
Приведение к строке
Params:
| Name | Type | Attribute | Description |
| date | * |
Return:
| * |
public markTimeAsSet(inputName: *) source
Params:
| Name | Type | Attribute | Description |
| inputName | * |
public onChange(inputName: *) source
вызов onChange
Params:
| Name | Type | Attribute | Description |
| inputName | * |
public onClickOutside(e: *) source
Обработка клика за пределами попапа
Params:
| Name | Type | Attribute | Description |
| e | * |
public onFocus(e: *) source
Params:
| Name | Type | Attribute | Description |
| e | * |
public onInputChange(date: *, inputName: *) source
Выбор даты, прокидывается в инпут
Params:
| Name | Type | Attribute | Description |
| date | * | ||
| inputName | * |
TODO:
- объеденить методы select и onInputChange в 1 метод
public renderPopUp(width: *): * source
Рендер попапа
Params:
| Name | Type | Attribute | Description |
| width | * |
Return:
| * |
public select(day: *, inputName: *, close: boolean) source
Выбор даты, прокидывается в календарь
Params:
| Name | Type | Attribute | Description |
| day | * | ||
| inputName | * | ||
| close | boolean |
|
public setPlacement(placement: *) source
Устанавливает положение попапа
Params:
| Name | Type | Attribute | Description |
| placement | * |
public setVisibility(visible: *) source
Устанавливает видимость попапа
Params:
| Name | Type | Attribute | Description |
| visible | * |