更新记录

1.0.4（2026-05-11） 下载此版本

修复

• 修复滚轮还在滑、没停稳就点确认，选出来的时间还是老时间的问题

  新增

• 新增 pickstart、pickend 两个事件，外面可以知道滚轮啥时候开始拖、啥时候拖完；拖的过程中点确认会先拦住，避免再错一次

1.0.3（2026-04-29） 下载此版本

修复

• 新增横屏模式适配

1.0.2（2026-03-16） 下载此版本

修复

• 修复第一次打开日期时间不是当天的问题

平台兼容性

uni-app(4.83)

其他

datetime-picker-second

带秒的日期时间选择器，支持年月日时分秒六列联动，兼容 H5 和微信小程序。

安装

通过 HBuilderX 导入到 uni_modules/datetime-picker 后可直接使用。

基础使用

<template>
  <view>
    <view @click="showPicker = true">选择时间</view>
    <datetime-picker-second
      v-model:show="showPicker"
      v-model="timestamp"
      @confirm="handleConfirm"
    />
  </view>
</template>

<script setup>
import { ref } from 'vue';

const showPicker = ref(false);
const timestamp = ref(Date.now());

const handleConfirm = (result) => {
  console.log(result);
};
</script>

Props

• show：Boolean，是否显示（支持 v-model:show）
• modelValue：Number | String，时间戳（支持 v-model）
• title：String，标题，默认 选择时间
• maskClosable：Boolean，是否允许点遮罩关闭，默认 true

Events

• confirm：返回 { value, dateStr }
• cancel：点击取消触发
• close：关闭时触发
• pickstart / pickend：滚轮开始/结束拖动（与官方 picker-view 一致，部分端可能不触发）

更新日志

详见 changelog.md。