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>
相关推荐
Bigfish_coding6 小时前
前端转agent-第一周【python】-05 Ollama+Qwen3实战:会话记忆实战
前端
x***r1516 小时前
.NET 10 SDK 安装教程(dotnet-sdk-10.0.100-win-x64详细步骤)
java·服务器·前端
新新技术迷6 小时前
给 Agent 做"工具调用过程可视化",让用户看见它在干嘛
前端
feixing_fx6 小时前
选择器的威力——深入理解优先级计算与层叠规则
开发语言·前端·css·前端框架·html
代码小库6 小时前
【2026前端转 AI 全栈指南】第 1 章:前言 · 后端架构 · 章节导览
前端·人工智能·架构
晓13136 小时前
【Cocos Creator 3.x】篇——第四章 子系统
前端·javascript·游戏引擎
li-xun6 小时前
我的在线工具箱继续升级:新增 Token 计算器、AI 提示词生成器和开发者格式化工具
javascript·django·html5
ikoala6 小时前
Codex 怎么买、怎么充值?先把这两套计费搞清楚
前端·javascript·后端
wuhen_n6 小时前
RAG 优化实战:检索精准度提升全方案
前端·langchain·ai编程
Mike_jia6 小时前
DataEase:人人可用的开源BI神器,企业数据决策民主化实战指南
前端