写个简单的日期选择器,还没搞样式,所以有点丑
大概长这样吧
首先是这个picker选择器,mode选择日期,end是写一个范围前日期,:end就是这个日期是动态变化的,还有change函数文章来源:https://www.toymoban.com/news/detail-651359.html
<template>
<view>
<view>发生时间</view>
<picker mode="date" :end="endDate"@change="bindDateChange">
<view>{{date}}</view>
</picker>
</view>
</template>
然后是脚本,就默认显示当前日期,设计最后范围日期为今日日期,再有一个事件函数文章来源地址https://www.toymoban.com/news/detail-651359.html
<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>
到了这里,关于uni-app日期选择器的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!