当前位置: 首页 > 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>

相关文章:

  • 金融行业 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的文件上传
  • 一日双赛“莎头组合”赢得强势,但国乒已开始品尝输球滋味
  • 贵州茅台股东大会回应八大热点:确保茅台酒价格体系稳固,相信自我调节能力
  • 第1现场|俄媒称乌克兰网上出售北约对乌军培训手册
  • 电子凭证会计数据标准推广至全国
  • 戛纳参赛片《爱丁顿》评论两极,导演:在这个世道不奇怪
  • “十五五”时期长三角需创新机制,形成高水平一体化合作路径