uniapp当前日期日历
时间: 2023-09-30 20:05:59 浏览: 132
微信小程序uniapp日历组件,可以自定义文案,可以上下滑动选择日期
5星 · 资源好评率100%
uniapp当前日期日历的实现可以使用uni-calendar组件来实现。具体的代码示例如下:
```html
<template>
<view>
<uni-calendar v-model="selectedDate" :showButton="false"></uni-calendar>
</view>
</template>
<script>
export default {
data() {
return {
selectedDate: '', // 当前选中的日期
}
},
}
</script>
```
通过将`<uni-calendar>`组件放置在页面中,可以实现当前日期的日历展示。使用`v-model`绑定一个变量来获取选中的日期,这里命名为`selectedDate`。通过设置`showButton`为`false`来隐藏底部按钮。
阅读全文