uni app 中calendar使用

在uni-app中，可以使用uni-calendar组件来实现日历的显示和选择。以下是一个简单的示例代码：

<template>
  <view>
    <uni-calendar
      :default-date="defaultDate"
      :min-date="minDate"
      :max-date="maxDate"
      @change="onChange"
    ></uni-calendar>
  </view>
</template>

<script>
export default {
  data() {
    return {
      defaultDate: new Date(),
      minDate: new Date(2020, 0, 1), // 最小日期为2020年1月1日
      maxDate: new Date(2020, 11, 31), // 最大日期为2020年12月31日
    };
  },
  methods: {
    onChange(date) {
      console.log('选择的日期：', date);
    },
  },
};
</script>

在上面的示例中，我们使用了uni-calendar组件，并设置了默认日期、最小日期和最大日期。当用户选择日期时，会触发change事件，我们可以在该事件的回调函数中处理选择的日期。

需要注意的是，uni-calendar组件需要在manifest.json文件中声明依赖：

{
  "dependencies": {
    "uni-calendar": {
      "version": "1.0.0",
      "provider": "uni-app"
    }
  }
}

这样才能正确地使用uni-calendar组件。