vue3 el-date-picker default-time 默认开始小时，结束小时

最新推荐文章于 2024-01-29 10:48:52 发布

搬砖编号001

最新推荐文章于 2024-01-29 10:48:52 发布

阅读量1.2k

点赞数

分类专栏：前端文章标签： vue.js javascript ecmascript

本文链接：https://blog.csdn.net/weixin_43566660/article/details/134071494

版权

前端专栏收录该内容

5 篇文章 0 订阅

订阅专栏

vue3 el-date-picker default-time 默认开始小时，结束小时

在这里插入图片描述

     <el-date-picker v-model="query.time" type="datetimerange" value-format="YYYY-MM-DD HH:mm:ss" 
        range-separator="-" start-placeholder="请选择开始时间" end-placeholder="请选择结束时间"
            :disabled-date="datePicker.disabledDate" :shortcuts="datePicker.shortcuts"
            :default-time="datePicker.defaultTime"
            @change="datePickerChange"
        />

const datePicker = ref({
        disabledDate(time) {
            return time.getTime() > Date.now()
        },
        defaultTime:[
            new Date(2000, 1, 1, 0, 0, 0),
            new Date(2000, 2, 1, 23, 59, 59),
        ],
        shortcuts: [
            {
                text: '30分钟',
                value: () => [Date.now() - 30 * 60 * 1000, Date.now()]
            },
            {
                text: '1小时',
                value: () => [Date.now() - 60 * 60 * 1000, Date.now()]
            },
            {
                text: '3小时',
                value: () => [Date.now() - 3 * 60 * 60 * 1000, Date.now()]
            },
            {
                text: '6小时',
                value: () => [Date.now() - 6 * 60 * 60 * 1000, Date.now()]
            },
            {
                text: '12小时',
                value: () => [Date.now() - 12 * 60 * 60 * 1000, Date.now()]
            },
            {
                text: '1天',
                value: () => [Date.now() - 1 * 24 * 3600 * 1000, Date.now()]
            },
            {
                text: '3天',
                value: () => [Date.now() - 3 * 24 * 3600 * 1000, Date.now()]
            },
            {
                text: '7天',
                value: () => [Date.now() - 7 * 24 * 3600 * 1000, Date.now()]
            },
            {
                text: '15天',
                value: () => [Date.now() - 15 * 24 * 3600 * 1000, Date.now()]
            },
            {
                text: '31天',
                value: () => [Date.now() - 31 * 24 * 3600 * 1000, Date.now()]
            }
        ]
    })