a-date-picker 格式化日期格式 YYYY-MM-DD HH:mm:ss

复制代码
<template>
  <a-range-picker
    v-model:value="dateRange"
    :show-time="{ 
      format: 'HH:mm:ss', // 时间部分格式
      defaultValue: [moment('00:00:00', 'HH:mm:ss'), moment('23:59:59', 'HH:mm:ss')] // 默认时间范围
    }"
    format="YYYY-MM-DD HH:mm:ss" // 整体格式
    :placeholder="['开始时间', '结束时间']"
    @change="handleDateChange"
  />
</template>

<script>
import moment from 'moment';

export default {
  data() {
    return {
      dateRange: [
        moment('2023-08-01 08:00:00', 'YYYY-MM-DD HH:mm:ss'), // 默认开始时间
        moment('2023-08-31 18:30:00', 'YYYY-MM-DD HH:mm:ss')  // 默认结束时间
      ]
    };
  },
  methods: {
    handleDateChange(dates, dateStrings) {
      console.log('Moment对象:', dates);     // [moment, moment]
      console.log('格式化字符串:', dateStrings); // ['2023-08-01 08:00:00', '2023-08-31 18:30:00']
    }
  }
};
</script>
相关推荐
用户31673613034214 分钟前
SSE消息推送前后端代码
前端·后端
像我这样帅的人丶你还22 分钟前
JavaScript 迭代器详解
前端·javascript
逍遥归来27 分钟前
《SWIFTER -Swift开发者必备Tips》学习笔记
前端
timi先生27 分钟前
语料库全栈项目部署 (Vue + Java + CQPweb)
java·前端·vue.js
Lazy_zheng27 分钟前
Map / Set / WeakMap / WeakSet,一次给你讲透
前端·javascript·面试
learyuan27 分钟前
Windows原生开发
前端
uzong30 分钟前
ClaudeCode 入门详细教程,手把手带你Vibe Coding
前端·人工智能
英俊潇洒美少年39 分钟前
前端安全 完整精讲
前端·安全
aircrushin41 分钟前
2026我最推荐的前端设计skills
前端
problc42 分钟前
Pretext —— 无 DOM 文本测量与布局引擎
前端·ai