u-datetime-picker
をテンプレートにして作成
[
トップ
] [
新規
|
一覧
|
検索
|
最終更新
|
ヘルプ
|
ログイン
]
開始行:
[[uni-app]]
&color(red){※前提条件：vue3 的uniapp开发};
#contents
* 问题 [#c8b9c656]
** u-datetime-picker 修改日期显示时间戳的问题 [#b117854c]
#codeprettify{{
<u-datetime-picker :show="show2" v-model="valueBirthday" ...
@confirm="confirmBirth" @cancel="cancelBirth" @change="ch...
</u-datetime-picker>
}}
解决办法 使用异步
#codeprettify{{
async confirmBirth(e) {
this.valueBirthday = await uni.$u.timeFormat(e.value, '...
this.show2 = false
}
}}
**设置最小日期事件 [#c475eaa9]
最多到1970年1月1日，解决办法
#codeprettify{{
[Vue warn]: Invalid prop: type check failed for prop "min...
found in
---> <DatetimePicker> at uni_modules/uview-ui/components/...
at pages/index/regist.vue
}}
注意一定是number
#codeprettify{{
data() {
return {
birthdayMin: 0,
birthdayMax: 0,
};
},
onReady() {
this.birthdayMin = Number(new Date(1950, 1, 1));
this.birthdayMax = Number(new Date(2022, 12, 30));
},
}}
#hr();
Comment：
#comment_kcaptcha
終了行:
[[uni-app]]
&color(red){※前提条件：vue3 的uniapp开发};
#contents
* 问题 [#c8b9c656]
** u-datetime-picker 修改日期显示时间戳的问题 [#b117854c]
#codeprettify{{
<u-datetime-picker :show="show2" v-model="valueBirthday" ...
@confirm="confirmBirth" @cancel="cancelBirth" @change="ch...
</u-datetime-picker>
}}
解决办法 使用异步
#codeprettify{{
async confirmBirth(e) {
this.valueBirthday = await uni.$u.timeFormat(e.value, '...
this.show2 = false
}
}}
**设置最小日期事件 [#c475eaa9]
最多到1970年1月1日，解决办法
#codeprettify{{
[Vue warn]: Invalid prop: type check failed for prop "min...
found in
---> <DatetimePicker> at uni_modules/uview-ui/components/...
at pages/index/regist.vue
}}
注意一定是number
#codeprettify{{
data() {
return {
birthdayMin: 0,
birthdayMax: 0,
};
},
onReady() {
this.birthdayMin = Number(new Date(1950, 1, 1));
this.birthdayMax = Number(new Date(2022, 12, 30));
},
}}
#hr();
Comment：
#comment_kcaptcha
ページ名:
![[PukiWiki]](image/pukiwiki.png "[PukiWiki]")
