更新记录
1.0.4(2019-10-23)
修复几天后显示逻辑错误bug
1.0.3(2019-10-23)
修复几天后显示逻辑错误bug
1.0.1(2019-10-23)
修复验证提示无法清除bug
查看更多
平台兼容性
uni-app
app-vue |
app-nvue |
app-android |
app-ios |
? |
? |
? |
? |
H5-Safari |
Android Browser |
微信浏览器(Android) |
QQ浏览器(Android) |
Chrome |
IE |
Edge |
Firefox |
PC-Safari |
? |
? |
? |
? |
? |
? |
? |
? |
? |
微信小程序 |
支付宝小程序 |
百度小程序 |
字节小程序 |
QQ小程序 |
钉钉小程序 |
快手小程序 |
飞书小程序 |
京东小程序 |
? |
? |
? |
? |
? |
? |
? |
? |
? |
uni-app x
H5-Safari |
Android Browser |
微信浏览器(Android) |
QQ浏览器(Android) |
Chrome |
IE |
Edge |
Firefox |
PC-Safari |
? |
? |
? |
? |
? |
? |
? |
? |
? |
欢迎使用 long-date 嵌入式时间选择插件
long-date 是一个嵌入式时间选择插件,提供两种时间选择方式
组件名: long-date
版本预告
- 加上展开过渡动画;增加弹框模式
- day模式 精确到当前小时数和分钟数,当页面打开后停止一段时间,还是可以选择已过去的时间
- 不满足验证条件则返回错误信息
- 自定义格式化返回固定时间
- 增加多种模式,例如 区间时间;酒店价格时间模式;
- 目前没有精确到秒,看反馈怎么样,需要的话加上
特别说明:因为作者是根据自己的项目开发的插件,并且适用自己的项目,且是一个晚上赶出来的插件,大概率有bug,第一次做开源插件,如果有bug,请多见谅,版本更新可能较慢,如需要其他功能,可在文件基础上二次开发,如果需要定制可以联系作者,邮箱:568078220@qq.com
模式
- 根据开始时间和结束时间【between模式】
- 根据开始时间和未来天数【day模式】
调用方式:
<long-date
type="between"
getDayNum="10"
:openStatus="true"
startTime="2018-10-21"
endTime="2019-06-01"
chooesMaxDay="8"
@select="Time">
</long-date>
js:
import longDate from "@/components/long-date/long-date.vue"
export default {
components: {
longDate
},
data() {
return {};
},
methods: {
Time(val) {
console.log(val);
}
}
};
属性说明:
属性名 |
类型 |
默认值 |
是否必填 |
说明 |
type |
String |
day |
否 |
day:未来天数模式;between:区间模式 |
getDayNum |
Number |
7 |
否 |
未来天数模式,设置后展示当前时间的未来默认7天的时间选项 |
chooesMaxDay |
Number |
0 |
否 |
未来天数模式,设置后,验证选择时间是否大于当前时间chooesMaxDay天,0为不验证; >0则验证大于chooesMaxDay天 |
openStatus |
Boolean |
false |
否 |
是否展开picker-view滚动选择器 |
startTime |
String |
2018-10-01 |
否 |
区间模式;必填,开始时间 |
endTime |
String |
2019-01-01 |
否 |
区间模式;必填,结束时间 |
方法说明:
时间名 |
类型 |
说明 |
select |
function |
滚动返回时间 |
事件返回说明:
{time: "2019-10-26 00:00"}