avue-crud中时间范围选择默认应该是0点却变成了12点

文章目录

一、问题

avue-crud中时间范围选择,正常默认应该是0点,但是不知道怎么的了,选完之后就是一直是12点。具体问题如下动图所示:

vue 复制代码
<template>
    <avue-crud :option="option" />
</template>
<script>
export default {
  data () {
    return {
      option: {
        column: [
          {
            width: 160,
            search: true,
            type: 'datetime',
            searchRange: true,
            format: 'yyyy-MM-dd hh:mm:ss',
            valueFormat: 'yyyy-MM-dd hh:mm:ss',
            label: '发起时间',
            prop: 'startTime'
          }
        ]
      }
    }
  }
}
</script>

二、解决

查了下官网,发现是日期格式化format出问题了,大写的小时HH给写成了小写的hh,结果就造成上述的问题

代码改完后也就显示正常了,正确的效果如下所示:

改完后的代码如下所示:

vue 复制代码
<template>
    <avue-crud :option="option" />
</template>
<script>
export default {
  data () {
    return {
      option: {
        column: [
          {
            width: 160,
            search: true,
            type: 'datetime',
            searchRange: true,
            format: 'yyyy-MM-dd HH:mm:ss', // 致命的就是这个format设置错了
            valueFormat: 'yyyy-MM-dd HH:mm:ss', // 致命的就是这个format设置错了
            label: '发起时间',
            prop: 'startTime'
          }
        ]
      }
    }
  }
}
</script>

三、最后

本人每篇文章都是一字一句码出来,希望大佬们多提提意见。顺手来个三连击,点赞👍收藏💖关注✨。创作不易,给我打打气,加加油☕

相关推荐
逐·風6 分钟前
unity关于自定义渲染、内存管理、性能调优、复杂物理模拟、并行计算以及插件开发
前端·unity·c#
Devil枫35 分钟前
Vue 3 单元测试与E2E测试
前端·vue.js·单元测试
尚梦1 小时前
uni-app 封装刘海状态栏(适用小程序, h5, 头条小程序)
前端·小程序·uni-app
GIS程序媛—椰子2 小时前
【Vue 全家桶】6、vue-router 路由(更新中)
前端·vue.js
前端青山2 小时前
Node.js-增强 API 安全性和性能优化
开发语言·前端·javascript·性能优化·前端框架·node.js
毕业设计制作和分享3 小时前
ssm《数据库系统原理》课程平台的设计与实现+vue
前端·数据库·vue.js·oracle·mybatis
清灵xmf4 小时前
在 Vue 中实现与优化轮询技术
前端·javascript·vue·轮询
大佩梨4 小时前
VUE+Vite之环境文件配置及使用环境变量
前端
GDAL5 小时前
npm入门教程1:npm简介
前端·npm·node.js
小白白一枚1115 小时前
css实现div被图片撑开
前端·css