更新记录
1.0.0(2025-02-12)
1.0.1(2025-01-30)
- 时间段选择
平台兼容性
uni-app
Vue2 | Vue3 | Chrome | Safari | app-vue | app-nvue | Android | iOS | 鸿蒙 |
---|---|---|---|---|---|---|---|---|
√ | √ | √ | √ | √ | - | - | - | - |
微信小程序 | 支付宝小程序 | 抖音小程序 | 百度小程序 | 快手小程序 | 京东小程序 | 鸿蒙元服务 | QQ小程序 | 飞书小程序 | 快应用-华为 | 快应用-联盟 |
---|---|---|---|---|---|---|---|---|---|---|
√ | √ | √ | √ | √ | √ | √ | √ | √ | √ | √ |
其他
多语言 | 暗黑模式 | 宽屏模式 |
---|---|---|
× | × | √ |
粘贴直接可用,不用引入
<time-period-picker type="datetime" :start="startTime" :end="endTime" @change="changeTime"></time-period-picker>
<script>
export default {
data() {
return {
startTime: Date.now(),
endTime: "",
}
},
methods: {
changeTime(_value) {
console.log(_value) // 2025-01-30 18:00-21:00
}
}
}
</script>
type固定值为datetime;startTime,endTime为插件可选择时间范围。
点击确定后,触发change事件,如需添加逻辑,可在此添加,change获取到的值是一个时间段,如2025-01-30 18:00-21:00