elementUI 日期控件

发布时间:2022-07-04 发布网站:脚本宝典
脚本宝典收集整理的这篇文章主要介绍了elementUI 日期控件脚本宝典觉得挺不错的,现在分享给大家,也给大家做个参考。
elemen-ui 中日期disabledDate ,禁止选择当前之前的日期

<el-date-pickerv-model=“value1”tyPE=“date”:picker-options=“pickerOptions”placeholder=“选择日期”>

// 属性picker-option 在data中定义data( ) {&nbsp; return {      pickerOptions: {           disabledDate(time) {                  return time.getTime() < Date.now()            }       }  }}

日期格式话方法

// 日期格式化
export function parseTime(time, pattern) {
    if (@R_304_643@s.length === 0 || !time) {
        return null
    }
    const format = pattern || '{y}-{m}-{d} {h}:{i}:{s}'
    let date
    if (typeof time === 'object') {
        date = time
    } else {
        if ((typeof time === 'string') && (/^[0-9]+$/.test(time))) {
            time = parseint(time)
        } else if (typeof time === 'string') {
            time = time.replace(new RegExp(/-/gm), '/');
        }
        if ((typeof time === 'number') &amp;& (time.toString().length === 10)) {
            time = time * 1000
        }
        date = new Date(time)
    }
    const formatObj = {
        y: date.getFullYear(),
        m: date.getMonth() + 1,
        d: date.getDate(),
        h: date.getHours(),
        i: date.getMinutes(),
        s: date.getSeconds(),
        a: date.getDay()
    }
    const time_str = format.replace(/{(y|m|d|h|i|s|a)+}/g, (result, key) => {
        let value = formatObj[key]
        // Note: getDay() returns 0 on Sunday
        if (key === 'a') { return ['日', '一', '二', '三', '四', '五', '六'][value] }
        if (result.length > 0 && value < 10) {
            value = '0' + value
        }
        return value || 0
    })
    return time_str
}
//调用this.parseTime(this.form.startTime,"{y}-{m}-{d} {h}:{i}");

 

脚本宝典总结

以上是脚本宝典为你收集整理的elementUI 日期控件全部内容,希望文章能够帮你解决elementUI 日期控件所遇到的问题。

如果觉得脚本宝典网站内容还不错,欢迎将脚本宝典推荐好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。