<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
相关推荐
Highcharts.js6 小时前
React 中原生支持使用 JSX 组件配置自定义表格 Highcharts GridJava后端的Ai之路6 小时前
【AIAgent开发】-Agent工具封装成CLI(纯干货!!!)薛定谔的猫-菜鸟程序员6 小时前
Electron开发超详细教程(从入门到放弃)最强小杰7 小时前
DeepSeek V4 Flash + Codex CLI 接入教程:原生 Responses API 适配,从配置到跑通收藏这篇就够了(2026)静水leo7 小时前
使用 Whistle 拦截接口并模拟后端响应掘金者阿豪7 小时前
SQL Server数据迁移完成后,凌晨的数据库告警该怎么查?小郎君6587 小时前
Vue 多标签页的加载态设计:为什么我没有用 Suspense 实现 PageLoadingJudithHuang7 小时前
React 嵌套路由与布局htzyl2068 小时前
前端阶梯——第四十三章、实战二:待办清单To-Do