日期时间选择,可显示周几,可显示最早(ios兼容)
发布于 4 年前 作者 pingliang 2897 次浏览 来自 分享

时间选择插件(显示周几)

背景

要求显示当前时间,间隔时间可控,并且显示周几,星期几,搜了很多插件,都不太符合,并且兼容ios浏览器,索性自己封装了一个

地址

https://ext.dcloud.net.cn/plugin?id=4057

调用方式

<long-date chooseNum="30" [@select](/user/select)="onSelectTime"></long-date>

js

import longDate from "@/components/long-date/long-date.vue"
export default {
    components: {
        longDate
    },
    data() {
        return {};
    },
    methods: {
        onSelectTime(val) {
            console.log(val);
        }
    }
};

属性说明

属性名 类型 默认值 是否必填 说明
chooseNum Number 30 选择距离当前间隔的天数

方法说明

时间名 类型 说明
select function 滚动返回时间

事件返回说明

{time: "2021-01-29 13:54"}

优化

1、后期如果有时间还可以继续优化的,可修改参数很多。

回到顶部