时间选择插件(显示周几)
背景
要求显示当前时间,间隔时间可控,并且显示周几,星期几,搜了很多插件,都不太符合,并且兼容ios浏览器,索性自己封装了一个
地址
https://ext.dcloud.net.cn/plugin?id=4057
调用方式
<long-date chooseNum="30" @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、后期如果有时间还可以继续优化的,可修改参数很多。