更新记录
1.0.0(2024-03-19)
下载此版本
第一版
平台兼容性
App |
快应用 |
微信小程序 |
支付宝小程序 |
百度小程序 |
字节小程序 |
QQ小程序 |
app-vue app-nvue |
× |
× |
× |
× |
× |
× |
钉钉小程序 |
快手小程序 |
飞书小程序 |
京东小程序 |
鸿蒙元服务 |
× |
× |
× |
× |
× |
H5-Safari |
Android Browser |
微信浏览器(Android) |
QQ浏览器(Android) |
Chrome |
IE |
Edge |
Firefox |
PC-Safari |
√ |
√ |
√ |
√ |
√ |
√ |
√ |
√ |
√ |
日期范围选择器,支持android和ios,支持数据回显、初始日期设置
使用方法
show:true/false
defaultDate:[] 或 [2023-1,2023-8]
<ln-date-picker :visable.sync="show"
:defaultDate="defaultDate" separator="-" themeColor="#1E8EFE"
startText="开始时间" endText="结束时间" @confirm="confirmDate">
</ln-date-picker>
methods: {
confirmDate(e) {
console.log(e) //[2023-1,2023-8]
// this.defaultDate = e;//如果是在tab面板中使用时,请使用v-if,同时调用该代码,可以实现页面刷新时,恢复设置的默认值
// 下面是你的代码
}
}
注意事项
在tab面板中使用时,若每个tab中都使用了ln-date-picker,想要实现页面刷新时,恢复设置的默认值
需要使用v-if,同时在@confirm方法中,调用this.defaultDate = e