<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
相关推荐
前端之虎陈随易7 小时前
编程语言级别的Skill市场,AI Agent 的未来形态一路向北he7 小时前
字节钢铁军团--“提供情境,而非控制”kyriewen8 小时前
豆包和千问同时关了智能体,我用它们搭的 3 个自动化全废了——迁移方案整理前端一小卒8 小时前
我用 TypeScript 从零手写了一个 Claude Code,然后发现它的核心只有 30 行铁皮饭盒8 小时前
用 Bun.cron 定时 7 月 7 日,为啥? 看图1大圣编程9 小时前
Python中continue语句的用法是什么?yuhaiqiang9 小时前
随手 vibecoding 的浏览器插件已经 6000 多次下载,聊聊他的产品设计格子软件10 小时前
2026年GEO贴牌代理:分布式多级分账状态机源码深度解构之歆10 小时前
Vue商品详情与放大镜组件再吃一根胡萝卜11 小时前
如何把小米 MiMo 接入 CodeBuddy,打造私有 Agent