写个简单的日期选择器,还没搞样式,所以有点丑
大概长这样吧
首先是这个picker选择器,mode选择日期,end是写一个范围前日期,:end就是这个日期是动态变化的,还有change函数
<template><view><view>发生时间</view><picker mode="date" :end="endDate"@change="bindDateChange"><view>{{date}}</view></picker></view>
</template>
然后是脚本,就默认显示当前日期,设计最后范围日期为今日日期,再有一个事件函数
<script>export default {data() {return {date: this.getDate()}},computed:{endDate(){return this.getDate();}},methods: {getDate() {const date = new Date();let year = date.getFullYear();let month = date.getMonth() + 1;let day = date.getDate();month = month > 9 ? month : '0' + month;day = day > 9 ? day : '0' + day;return `${year}-${month}-${day}`;},bindDateChange: function(e) {this.date = e.detail.value;}}}
</script>