更新记录

1.0.4(2019-10-23)

修复几天后显示逻辑错误bug

1.0.3(2019-10-23)

修复几天后显示逻辑错误bug

1.0.1(2019-10-23)

修复验证提示无法清除bug

查看更多

平台兼容性

欢迎使用 long-date 嵌入式时间选择插件

long-date 是一个嵌入式时间选择插件,提供两种时间选择方式

组件名: long-date

版本预告

  1. 加上展开过渡动画;增加弹框模式
  2. day模式 精确到当前小时数和分钟数,当页面打开后停止一段时间,还是可以选择已过去的时间
  3. 不满足验证条件则返回错误信息
  4. 自定义格式化返回固定时间
  5. 增加多种模式,例如 区间时间;酒店价格时间模式;
  6. 目前没有精确到秒,看反馈怎么样,需要的话加上

特别说明:因为作者是根据自己的项目开发的插件,并且适用自己的项目,且是一个晚上赶出来的插件,大概率有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"}

隐私、权限声明

1. 本插件需要申请的系统权限列表:

2. 本插件采集的数据、发送的服务器地址、以及数据用途说明:

3. 本插件是否包含广告,如包含需详细说明广告表达方式、展示频率:

许可协议

MIT协议

使用中有什么不明白的地方,就向插件作者提问吧~ 我要提问