更新记录
1.10(2023-11-02) 下载此版本
解决月份天数的BUG!!!
1.0.2(2021-01-06) 下载此版本
以md方式展示使用说明
1.0.1(2021-01-06) 下载此版本
//引入组件,具体请下载示例工程项目使用
//页面使用组件模式,mode有两种模式,date及time模式
平台兼容性
Vue2 | Vue3 |
---|---|
√ | √ |
App | 快应用 | 微信小程序 | 支付宝小程序 | 百度小程序 | 字节小程序 | QQ小程序 |
---|---|---|---|---|---|---|
app-vue | √ | √ | √ | √ | √ | √ |
钉钉小程序 | 快手小程序 | 飞书小程序 | 京东小程序 |
---|---|---|---|
√ | √ | √ | √ |
H5-Safari | Android Browser | 微信浏览器(Android) | QQ浏览器(Android) | Chrome | IE | Edge | Firefox | PC-Safari |
---|---|---|---|---|---|---|---|---|
√ | √ | √ | √ | √ | √ | √ | √ | √ |
使用方式
//目前发现很多不明开发人员将源代码放在自己的博客,不引入来源,强烈谴责这种不道德的行为!!!他人辛辛苦苦实现写出来的东西,直接去嗟?
在 script 中引用组件
<script>
import dateRange from 'components/datepickerRange.vue'
export default
{
data() {
return {
startDate: '1970-01-01', //默认显示的开始日期,可空
endDate: '2020-12-31', //默认显示的结束日期,可空
showMutibleDate:false,
};
},
components:{
dateRange
},
methods:{
dateSelected:function(e){
let start = e.start
let end = e.end
/*这里必须将值置为false,否则无法唤起下一次的弹框显示*/
this.showMutibleDate = false
}
}
}
</script>
//页面使用组件模式,mode有两种模式,date及time模式
<template>
<view>
<date-range mode="date" :showMutibleDate="showMutibleDate" :startDate="startDate" :endDate="endDate" @onSelected="dateSelected"></date-range>
</view>
</template>