@neoprospecta/angular-datetimepicker
v4.0.19
Published
Stable Datetimepicker to use across Neoprospecta sites
Downloads
77
Readme
Neoprospecta DatetimePicker
A plugin to pick date and time.
Instalation
npm install @neoprospecta/angular-datetimepicker
##Usage
Load the DatetimePickerModule
in your odule
import { DatetimePickerModule } from '@neoprospecta/angular-datetimepicker';
Use it in your tamplate
<np-datetime-picker
[(ngModel)]="sample.sampling_date"
name="sampling_date"
placeholder="Data coleta"
close-on-select="true"
date-format="dd/MM/yyyy"
date-only="true"
(change)="doSomethingWithTheChoosenDate"
></np-datetime-picker>
##Options |Attribute |Type |Default |function | |--- |--- |--- |--- | |name |string |undefined |The input name| |placeholder |string |undefined |The input placeholder| |date-only |boolean |false |Select only date| |time-only |boolean |false |Select only time| |close-on-select |boolean |false |Close the dialog when a date is selected| |date-format |string |yyyy-MM-dd |The date format that sould be displayed in the picker| |first-day-of-week |number |sunday |The first day of the week| |default-value |string |undefined |The default value to be used in the picker| |minute-step |number |1 |The step size of the minute selection slider| |min-date |Date |undefined |The minimum accepted date| |max-date |Date |undefined |The maximum accepted date| |min-hour |number |undefined |The minimum accepted hour| |max-hour |number |undefined |The maximum accepted hour| |disabled-dates |Array |undefined |A list of dated that cannot be selected|
API
The change
method is called when the input value changes. With it you can do some custom work when a date is selected.