更新记录
1.0.0(2025-02-12)
1.0.1(2025-01-30)
平台兼容性
uni-app(4.06)
Vue2 |
Vue3 |
Chrome |
Safari |
app-vue |
app-nvue |
Android |
iOS |
鸿蒙 |
√ |
√ |
√ |
√ |
√ |
- |
- |
- |
- |
微信小程序 |
支付宝小程序 |
抖音小程序 |
百度小程序 |
快手小程序 |
京东小程序 |
鸿蒙元服务 |
QQ小程序 |
飞书小程序 |
快应用-华为 |
快应用-联盟 |
√ |
√ |
√ |
√ |
√ |
√ |
√ |
√ |
√ |
√ |
√ |
uni-app x(4.06)
Chrome |
Safari |
Android |
iOS |
鸿蒙 |
微信小程序 |
- |
- |
- |
- |
- |
- |
其他
粘贴直接可用,不用引入
<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