NativeScript - TimePicker无法获取用户修改的值-Java 学习之路

我无法获得TimePicker的用户修改值 . 我得到的只是我在控件中设置的原始值 .

这是我的组件模板：

<TabView [(ngModel)]="tabSelectedIndex" selectedColor="#FF0000" style="height:90%">
    <StackLayout *tabItem="{title: 'Time'}">
        <TimePicker #timePicker [(ngModel)]='model.time'></TimePicker>
    </StackLayout>
    <StackLayout *tabItem="{title: 'Date'}">
        <DatePicker #datePicker [(ngModel)]='model.date'></DatePicker>
    </StackLayout>
</TabView>
<button text="Done" (tap)="onDoneTap()"></button>

我的组件代码：

export class DateTimePickerComponent 
{
    public mDate: Date;
    public tabSelectedIndex: number;
    public model: any;

    constructor() 
    {
        this.mDate = new Date();
        this.model = {
            date: new Date(2014, 5, 13, 2, 24),
            time: new Date(2014, 5, 13, 2, 24)
        };
    }

    private onDoneTap()
    {
        this.mDate.setMinutes(this.model.time.getMinutes());
        this.mDate.setHours(this.model.time.getHours());

        this.mDate.setDate(this.model.date.getDate());
        this.mDate.setMonth(this.model.date.getMonth());
        this.mDate.setFullYear(this.model.date.getFullYear());  

        console.log(this.mDate);   
    }
}

为了构建这个，我使用了Docs：

DatePicker - 日期属性
TimePicker - 时间属性

在此示例中，DatePicker工作正常，它在2014-05-13初始化，当我更改它时，我在控制台中获得修改后的值 . 我在使用TimePicker做错了吗？

注意：我还尝试使用ID读取小时和分钟属性但未成功 . 始终保持相同的初始值（2:24）

@ViewChild("timePicker") timePicker: ElementRef;
let datePickerView = <TimePicker>this.timePicker.nativeElement;
console.log(datePickerView.hour);  //  2
console.log(datePickerView.minute) // 24

2 回答

当您错过在 main.ts 文件中的 imports 中添加 NativeScriptFormsModule 时，可能会导致此问题 . 您可以查看下面给出的示例：

import { platformNativeScriptDynamic, NativeScriptModule } from "nativescript-angular/platform";
import { NativeScriptFormsModule } from "nativescript-angular/forms";
import { NgModule } from "@angular/core";
import { AppComponent } from "./app.component";

@NgModule({
    declarations: [AppComponent],
    bootstrap: [AppComponent],
    imports: [NativeScriptModule, NativeScriptFormsModule],
})
class AppComponentModule {}

. platformNativeScriptDynamic（）bootstrapModule（AppComponentModule）;

我希望这有帮助 .

更新：您可以返回 TimePicker 值作为 onDoneTap 方法的参数 . 您可以查看附加的示例 .

app.component.html

<StackLayout  exampleTitle toggleNavButton>
<!-- >> creating-timepicker-html -->
<timePicker class="example-container" #timePicker  verticalAlignment="center"></timePicker>
<!-- << creating-timepicker-html -->
<Button text="view" (tap)="ontap(timePicker.time)"></Button>

</StackLayout>

app.component.ts

export class AppComponent {
    public ontap(args:Date){
        console.log(args);
    }
}

回复于 2024-04-30T20:24:58+08:00

0

对于任何可能落在这里的人：

在Github上针对此问题打开了一个错误 . [see here] .

回复于 2024-04-30T20:24:58+08:00

NativeScript - TimePicker无法获取用户修改的值

2 回答

相关问题