javascript/NativeScript
1
0
Fork 0
mirror of https://github.com/NativeScript/NativeScript.git synced 2025-08-14 18:12:09 +08:00
Code Issues Packages Projects Releases Wiki Activity

fix(datepicker): max, min and date value binding handling (#10343)

Browse Source
This commit is contained in:
Nathan Walker
2023-07-17 12:19:20 -07:00
committed by GitHub
parent 08049340b5
commit 6effd554f2
4 changed files with 40 additions and 23 deletions
Download Patch File Download Diff File Expand all files Collapse all files

11
apps/toolbox/src/pages/datepicker.ts
View File

@ -8,6 +8,8 @@ export function navigatingTo(args: EventData) {
}
export class SampleData extends Observable {
minDate = new Date();
maxDate = new Date(2030, 7, 1);
displayDate = {
day: new Date().getDate(),
month: new Date().getMonth(),
@ -18,6 +20,15 @@ export class SampleData extends Observable {
};
showTime = true;
constructor() {
super();
// setTimeout(() => {
// // test dynamic min and max date changes
// this.notifyPropertyChange('minDate', null);
// this.notifyPropertyChange('maxDate', null);
// }, 2000);
}
dateChange(args) {
console.log('dateChange:', (<DatePicker>args.object).date);
}

2
apps/toolbox/src/pages/datepicker.xml
View File

@ -11,7 +11,7 @@ year="{{displayDate?.year}}"
minute="{{displayDate?.minute}}"
second="{{{{displayDate?.second}}"-->
<StackLayout padding="20">
<DatePicker class="v-center text-center" width="{{ showTime ? 220 : 300}}" height="{{ showTime ? 100 : 250}}" showTime="{{ showTime }}" iosPreferredDatePickerStyle="{{showTime ? 2 : 1}}" dateChange="{{ dateChange }}" />
<DatePicker class="v-center text-center" width="{{ showTime ? 220 : 300}}" height="{{ showTime ? 100 : 250}}" minDate="{{minDate}}" maxDate="{{maxDate}}" showTime="{{ showTime }}" iosPreferredDatePickerStyle="{{showTime ? 2 : 1}}" dateChange="{{ dateChange }}" />
<GridLayout rows="auto" columns="auto,*">
<Switch checked="true" col="0" checkedChange="{{checkedChange}}" />
<Label text="Show Time" col="1" class="m-l-10" />