当前位置: 首页 > news >正文

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>
http://www.dtcms.com/a/88966.html

相关文章:

  • 金融行业 UE/UI 设计:解锁高效体验,重塑行业界面
  • python 传文件
  • VSCODE上ckg_server_linux进程占用CPU过多
  • Linux centos7 虚拟用户访问脚本
  • 【Excel使用技巧】某列保留固定字段或内容
  • 数据结构模拟-用栈实现队列
  • 搭建Redis主从集群
  • 学习c++多线程前,回顾一下Linux的多线程
  • Linux网络相关概念和重要知识(3)(TCP套接字编程、远程命令的实现)
  • C/S与B/S架构
  • this.centerDialogVisible = true this.$nextTick(()=>{ this.resetForm(); })
  • this(执行上下文)
  • 1 存储过程学习: 使用DMSQL程序的优点
  • 如果vue加载页面的时候,需要加载很多子vue ,能不能先加载一个,让页面处于能用的状态,多余的在后台加载。
  • Java 基础入门代码示例解析
  • 使用Python调用Jenkins Api之获取构建日志使用说明文档
  • SpringBoot 3.0之后为什么移除了spring.factories
  • 好好学Docker:基于Docker buildx构建多平台镜像【转载】
  • Python爬取微博签到数据(2025年3月更)
  • python的文件上传
  • 单片机 - RAM 与内存、ROM 与硬盘 之间的详细对比总结
  • 【MySQL】JDBC —— Java 连接 MySQL
  • Qt 隐式共享
  • Java「Deque」 方法详解:从入门到实战
  • 信息安全和病毒防护——入侵检测技术
  • selenium基本使用(二)九种定位方法
  • 深度优先搜索(DFS)在排列组合问题中的应用详解:C++实现与优化
  • 第一章,网络发展史///OSI七层模型
  • 【开题报告+论文+源码】基于SpringBoot+Vue的酒店餐饮管理系统设计与实现
  • CTF类题目复现总结-[羊城杯 2020]TCP_IP 1