uniapp-uView表单中如何添加日期控件?

环境:uniapp,uview-ui,Picker 选择器,

本次我们用uview中的Picker 选择器来写一个日期功能

此选择器有四种弹出模式

一是时间模式,可以配置年,日,月,时,分,秒参数
二是地区模式,可以配置省,市,区参数
三是单列模式
四是多列模式


基本使用:

通过mode参数设置为time、region、selector、multiSelector,区分时间、地区、单列,多列模式。
通过v-model双向绑定一个值为布尔值的变量,来打开或者收起picker。

<template> <view> <u-picker v-model="show" mode="time"></u-picker> <u-button @click="show = true">打开</u-button> </view> </template> <script> export default { data() { return { show: false } } } </script>

内容版权声明:除非注明,否则皆为本站原创文章。

转载注明出处:https://www.heiqu.com/zgzysp.html