最近在开发移动端项目
在做测试应对,记录一下问题
1、日历 van-calendar 不能选择昨天之前的日期
解决方案:
https://vant-ui.github.io/vant-weapp/#/calendar
默认最小值是当前日期,最大值是6个月后
所以需要单独设置最小值和最大值
<van-calendar v-model="showEndTime" type="range"
:min-date="minDate" :max-date="maxDate"
:round="false" position="right" color="#1989fa" @confirm="endTimeConfirm" />
minDate: new Date(1900, 1, 1,0,0,0),
maxDate: new Date(2099, 12, 31,59,59,59)
2、输入框 van-field 文字太长会隐藏
解决方案:
https://vant-ui.github.io/vant-weapp/#/field
类型改成textarea
加一行代码:type="textarea" autosize rows="1"
<van-field
v-model="fillDetailForm.formName"
name="表单名称"
label="表单名称"
type="textarea" autosize rows="1"
/>
3、IOS版本 van-datetime-picker 时间不能选择问题
直接上代码
// iOS 不支持以中划线分隔的日期格式,正确写法是new Date('2020/01/01')
this.maxDate = new Date(params.endTime.replace(/-/g,"/"))
持续更新
您可以选择一种方式赞助本站
支付宝扫一扫赞助
微信钱包扫描赞助
赏