AntDesignVue的时间选择器a-date-picker范围格式化时间

业务效果图

核心代码

 <template>
    <a-date-picker v-model='record.payTime' show-time autoclear placeholder='请选择付款时间' valueFormat='YYYY-MM-DD HH:mm:ss' />
</template>
 
<script>
import moment, { Moment } from 'moment';
 
current08Form.tableData.forEach((rowData) => {
        let singlePay = {
          attachmentIds: rowData.attachmentIds,
          payMoney: rowData.payMoney,
          payProportion: rowData.payProportion,
          payTime: moment(rowData.payTime).format('YYYY-MM-DD HH:mm:ss'), // 格式化
        };
        projectsPayments.push(singlePay);
});
</script>

posted @ 2023-03-08 17:18 Felix_Openmind 阅读(1074) 评论(0) 编辑收藏举报

刷新页面返回顶部

登录后才能查看或发表评论，立即登录或者逛逛博客园首页

相关博文：

· AntDesign日期范围选择（可复用代码片段）

· AntDesign动态表格(a-table)实现新增或删除

· Ant Design Vue 的日期选择器设置时间范围

· ant design of vue的a-rang-picker时间控制既不能选今天以后的日期且开始时间跟结束时间之间差不能超过3天

· ant-design date-picker 可以选择当天，时间不能选择过去的小时

阅读排行：
· winform 绘制太阳，地球，月球运作规律
· 超详细：普通电脑也行Windows部署deepseek R1训练数据并当服务器共享给他人
· TypeScript + Deepseek 打造卜卦网站：技术与玄学的结合
· AI 智能体引爆开源社区「GitHub 热点速览」
· 写一个简单的SQL生成工具

2025年3月

日

一

二

三

四

五

六

Felix_Openmind

https://github.com/serendipitywzz

AntDesignVue的时间选择器a-date-picker范围格式化时间

业务效果图

核心代码

最新随笔

随笔分类 (404)

随笔档案 (410)

文章分类 (66)

文章档案 (99)

软件开发

阅读排行榜

	<template>
	<a-date-picker v-model='record.payTime' show-time autoclear placeholder='请选择付款时间' valueFormat='YYYY-MM-DD HH:mm:ss' />
	</template>

	<script>
	import moment, { Moment } from 'moment';

	current08Form.tableData.forEach((rowData) => {
	let singlePay = {
	attachmentIds: rowData.attachmentIds,
	payMoney: rowData.payMoney,
	payProportion: rowData.payProportion,
	payTime: moment(rowData.payTime).format('YYYY-MM-DD HH:mm:ss'), // 格式化
	};
	projectsPayments.push(singlePay);
	});
	</script>