更新记录
1.0.1(2023-12-12)
下载此版本
更新了示例代码和 参数说明
1.0.0(2023-12-12)
下载此版本
短期内日期时间选择器插件
依赖 uni-popup, 可以在下载后右键-安装插件三方依赖
依赖 lodash-es、moment、numeral
短期日期选择器,支持拦截确认选择事件,再获取时间戳
平台兼容性
App |
快应用 |
微信小程序 |
支付宝小程序 |
百度小程序 |
字节小程序 |
QQ小程序 |
HBuilderX 3.1.0 |
× |
√ |
× |
× |
× |
× |
钉钉小程序 |
快手小程序 |
飞书小程序 |
京东小程序 |
× |
× |
× |
× |
H5-Safari |
Android Browser |
微信浏览器(Android) |
QQ浏览器(Android) |
Chrome |
IE |
Edge |
Firefox |
PC-Safari |
√ |
√ |
√ |
√ |
√ |
√ |
√ |
√ |
√ |
短期内日期时间选择器 n2-period-picker
依赖 uni-popup, 默认下载时关联下载依赖,也可以在uni_modules/n2-period-picker上右键-安装插件三方依赖
依赖 lodash-es,moment,numeral
参数说明
参数 |
类型 |
默认值 |
描述 |
days |
Number,String |
15 |
可选天数 |
beforeConfirm |
Boolean |
false |
拦截确认选择事件 ,如果拦截确认选择事件,必须监听confirm事件,根据需要执行 done()关闭选择器 |
事件说明
名称 |
返回值 |
描述 |
confirm |
1702345020000 |
点击确认按钮的回调 |
使用示例
<template>
<view class="content">
<view class="text-area" @click="click">
<text class="title" >日期时间选择器</text>
</view>
<n2-period-picker
ref="picker"
@confirm="confirm"
beforeConfirm>
</n2-period-picker>
</view>
</template>
<script>
export default {
data() {
return {
value: '',
}
},
methods: {
click(){
this.$refs.picker.open()
},
confirm(value, done){
if(value < Date.now()){
// 小于当前时间
console.log('不能小于当前时间');
uni.showToast({ title: '不能小于当前时间', icon: 'none'})
return
}
console.log({ value});
done()
}
}
}
</script>