更新记录

1.0.4（2025-01-15） 下载此版本

1.优化抖动问题 2.优化H5页面,样式抖动问题

1.0.3（2025-01-14） 下载此版本

优化抖动问题

1.0.2（2025-01-14） 下载此版本

新增支持左右滑动动态加载年月

平台兼容性

Calendar 日历

组件名: xt-calendar

安装方式

本组件符合 easycom 规范，HBuilderX 3.1.0 起，只需将本组件导入项目，在页面 template 中即可直接使用，无需在页面中 import 和注册 components

基本用法

<template>
  <view>
    <view class="app_main">
      <xt-calendar
        @dayClick="dayClick"
        @yearClick="yearClick"
        @monthClick="monthClick"
      ></xt-calendar>
    </view>
  </view>
</template>

<script setup>
  const monthClick = (e) => {
    console.log("月份", e);
  };
  const yearClick = (e) => {
    console.log("年份", e);
  };
  const dayClick = (e) => {
    console.log("日期", e);
  };
</script>

<style
  lang="scss"
  scoped
></style>

API

Events

说明

1. 默认情况下，组件会显示当前年份和月份，点击月份可以切换月份，点击年份可以切换年份，点击日期可以切换日期。
2. 如果需要显示指定年份和月份，可以在组件上绑定 year 和 month 属性
3. 组件可左右滑动切换自动加载月份和年份
4. 组件使用 scss 封装.请确保项目中已配置 scss 编译