更新记录
1.1.1(2021-02-18)
uni_modules版本
1.1.0(2021-01-15)
新增:
1.是否开启持续计算开关
2.支持指定日期范围内持续计算日期
3.支持单独设置当前年日期格式(如当前年不显示年份)
4.增加自定义样式
1.0.0(2020-05-09)
日期时间转换-动态计算-实时更新
可循环列表使用
小组件,大家有不同计算需求可自行修改js哈
小功能分享,不喜勿喷,脾气不好^-^
查看更多
平台兼容性
uni-app
app-vue |
app-nvue |
app-android |
app-ios |
? |
? |
? |
? |
H5-Safari |
Android Browser |
微信浏览器(Android) |
QQ浏览器(Android) |
Chrome |
IE |
Edge |
Firefox |
PC-Safari |
? |
? |
? |
? |
? |
? |
? |
? |
? |
微信小程序 |
支付宝小程序 |
百度小程序 |
字节小程序 |
QQ小程序 |
钉钉小程序 |
快手小程序 |
飞书小程序 |
京东小程序 |
? |
? |
? |
? |
? |
? |
? |
? |
? |
uni-app x
H5-Safari |
Android Browser |
微信浏览器(Android) |
QQ浏览器(Android) |
Chrome |
IE |
Edge |
Firefox |
PC-Safari |
? |
? |
? |
? |
? |
? |
? |
? |
? |
l-time
完整示例可导入示例项目运行
使用说明
属性 |
是否必填 |
值类型 |
默认值 |
说明 |
text |
是 |
[String,Number,Date] |
必传 |
要转换的日期时间 |
isCompute |
否 |
Boolean |
true |
是否计算 |
computeMax |
否 |
Boolean |
'hh' |
指定范围内持续计算,范围:[MM,dd,hh,mm,ss] |
dateFormat |
否 |
'yyyy-MM-dd' |
'yyyy-MM-dd' |
返回日期格式 |
currentYear |
否 |
'yyyy-MM-dd' |
'yyyy-MM-dd' |
当前年日期格式 |
maxDate |
否 |
Boolean |
false |
是否显示大于当前时间日期 |
size |
否 |
[Number,String] |
24 |
字体大小(rpx) |
color |
否 |
String |
#000 |
字体颜色 |
customStyle |
否 |
Object |
- |
自定义样式 |
vue:
<view v-for="(d,index) in list" :key="index">
<l-time :text="d.time"></l-time>
</view>
js:
import lTime from "@/components/l-time/l-time.vue";
components:{lTime}
import lTime from "@/components/l-time/l-time.vue";
export default {
components:{lTime},
data() {
return {
list: []
}
},
onLoad() {
this.list.push({
time: '2020/05/07 22:11:11'
});
this.list.push({
time: '2020-05-09 15:47:11'
});
let date = new Date();
this.list.push({
time: new Date(new Date().setMinutes(date.getMinutes() - 2)).pattern('yyyy-MM-dd HH:mm:ss')
});
this.list.push({
time: date.pattern('yyyy-MM-dd HH:mm:ss')
});
this.list.push({
time: date
});
this.list.push({
time: date.getTime()
});
},
methods: {
}
}