更新记录
1.0.1(2021-01-29)
下载此版本
无
平台兼容性
uni-app
Vue2 |
Vue3 |
Chrome |
Safari |
app-vue |
app-nvue |
Android |
iOS |
鸿蒙 |
- |
- |
- |
- |
√ |
- |
- |
- |
- |
微信小程序 |
支付宝小程序 |
抖音小程序 |
百度小程序 |
快手小程序 |
京东小程序 |
鸿蒙元服务 |
QQ小程序 |
飞书小程序 |
快应用-华为 |
快应用-联盟 |
- |
- |
- |
- |
- |
- |
- |
- |
- |
- |
- |
时间选择插件(显示周几)
背景
要求显示当前时间,间隔时间可控,并且显示周几,星期几,搜了很多插件,都不太符合,并且兼容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、后期如果有时间还可以继续优化的,可修改参数很多。