Nativescript-vue：如何初始化 DatePicker

Posted 2023-04-14

【中文标题】Nativescript-vue：如何初始化 DatePicker

【英文标题】：Nativescript-vue: how to initialize DatePicker

【发布时间】：2019-08-20 06:49:29

【问题描述】：

目标：我需要初始化一个日期选择器，将其设置为今天的最大日期 - 18 年 (birthDateMax)，并将其值保存到 birthDate

在template我有

<DatePicker class="date_not_choosen" 
            v-if="! birthDateSet" 
            maxDate="birthDateMax" 
            v-model="birthDate" 
/>

在script 中（注意我使用的是momentJs 库。

    data() 
        return 
            birthDateMax: moment().subtract(18, 'years').format('Y-MM-DD'),
            birthDate: this.birthDateMax,
        
    

问题：应用启动时，日期选择器设置为1970-01-01

【参考方案1】：

将maxDate="birthDateMax" 替换为:maxDate="birthDateMax"。

: 是 Vue 的 v-bind: 的简写，它是使属性 maxDate 反应所必需的。