更新记录
1.0.1(2021-01-29)
下载此版本
无
平台兼容性
App |
快应用 |
微信小程序 |
支付宝小程序 |
百度小程序 |
字节小程序 |
QQ小程序 |
HBuilderX 3.0.0 app-vue |
× |
× |
× |
× |
× |
× |
钉钉小程序 |
快手小程序 |
飞书小程序 |
京东小程序 |
× |
× |
× |
× |
H5-Safari |
Android Browser |
微信浏览器(Android) |
QQ浏览器(Android) |
Chrome |
IE |
Edge |
Firefox |
PC-Safari |
× |
× |
× |
× |
× |
× |
× |
× |
× |
时间选择插件(显示周几)
背景
要求显示当前时间,间隔时间可控,并且显示周几,星期几,搜了很多插件,都不太符合,并且兼容ios浏览器,索性自己封装了一个,用了https://ext.dcloud.net.cn/plugin?id=891的样式,里面全改。
调用方式
<long-date chooseNum="30" @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);
}
}
};
属性说明
属性名 |
类型 |
默认值 |
是否必填 |
说明 |
chooseNum |
Number |
30 |
否 |
选择距离当前间隔的天数 |
方法说明
时间名 |
类型 |
说明 |
select |
function |
滚动返回时间 |
事件返回说明
{time: "2021-01-29 13:54"}
优化
1、后期如果有时间还可以继续优化的,可修改参数很多。