更新记录

1.0.0（2026-02-02） 下载此版本

• 普通选择器模式
• 日期选择器模式（年月日）
• 时间选择器模式（时分秒）
• 支持双向绑定

平台兼容性

uni-app(5.0)

uni-app x(5.0)

Check-Scroll 滚动选择器

基于 picker-view 的滚动选择器组件，支持普通选择、日期选择和时间选择三种模式。

功能特性

• 普通选择器模式
• 日期选择器模式（年月日）
• 时间选择器模式（时分秒）
• 支持双向绑定

Props

Events

使用示例

<template>
  <!-- 普通选择 -->
  <Check-Scroll
    v-model="selectedValue"
    :list="options"
    mode="default"
  />

  <!-- 日期选择 -->
  <Check-Scroll
    v-model="dateValue"
    mode="date"
  />

  <!-- 时间选择 -->
  <Check-Scroll
    v-model="timeValue"
    mode="time"
  />
</template>

<script setup>
import { ref } from 'vue';
import CheckScroll from '@/components/Check-Scroll.vue';

const selectedValue = ref([1]);
const dateValue = ref(['2024', '1', '15']);
const timeValue = ref(['10', '30', '0']);

const options = [
  { text: '选项一', value: 1 },
  { text: '选项二', value: 2 },
  { text: '选项三', value: 3 },
];
</script>