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