更新记录

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小程序
HBuilderX 3.1.0 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: {

    }
}

隐私、权限声明

1. 本插件需要申请的系统权限列表:

2. 本插件采集的数据、发送的服务器地址、以及数据用途说明:

插件不采集任何数据

3. 本插件是否包含广告,如包含需详细说明广告表达方式、展示频率:

许可协议

MIT协议

使用中有什么不明白的地方,就向插件作者提问吧~ 我要提问