更新记录
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哈
小功能分享,不喜勿喷,脾气不好^-^
查看更多平台兼容性
Vue2 | Vue3 |
---|---|
√ | × |
App | 快应用 | 微信小程序 | 支付宝小程序 | 百度小程序 | 字节小程序 | QQ小程序 |
---|---|---|---|---|---|---|
app-vue app-nvue | √ | √ | √ | √ | √ | √ |
钉钉小程序 | 快手小程序 | 飞书小程序 | 京东小程序 |
---|---|---|---|
× | × | × | × |
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: {
}
}