vue时间组件精确到时分秒---datetime

最新推荐文章于 2024-09-20 19:55:14 发布

mqingo

最新推荐文章于 2024-09-20 19:55:14 发布

阅读量1.4w

点赞数 1

分类专栏： vue 文章标签： vue

本文链接：https://blog.csdn.net/mqingo/article/details/84314204

版权

本文介绍如何在Vue项目中实现时间组件精确到时分秒的操作。通过设置datetime输入类型，并配合后端SpringBoot接口，确保数据格式为'yyyy-MM-dd HH:mm'。在遇到添加时间数据时，添加format属性可以解决添加失败的问题，从而成功完成时间的保存。

摘要由CSDN通过智能技术生成

由于项目的需求,时间需精确到时分秒.

环境:数据库5.5

后端技术:springboot+maven+shiro+swagger+mybatis+redis+quartz+thyemeleaf

前端技术:vue

数据库:mysql

前台type="datetime" ,后台接收为datetime,之前写的时候,没有加format="yyyy-MM-dd HH:mm" ,导致添加未成功,一直报错,报genjinriqi这有问题.加了format="yyyy-MM-dd HH:mm" 之后,就可以添加成功了.

<el-form-item label="跟进日期">
              <el-date-picker type="datetime" v-model="tempKH.genjinriqi" placeholder="选择日期" value-format="yyyy-MM-dd HH:mm" format="yyyy-MM-dd HH:mm" tyle="width:185px ;"></el-date-picker>
        </el-form-item>

pom.xml

<?xml version="1.0" encoding="UTF-8"?>
<project xmlns="http://maven.apache.org/POM/4.0.0" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
	xsi:schemaLocation="http://maven.apache.org/POM/4.0.0 http://maven.apache.org/xsd/maven-4.0.0.xsd">
	<modelVersion>4.0.0</modelVersion>

	<groupId>com.heeexy</groupId>
	<artifactId>example</artifactId>
	<version>1.0.0-SNAPSHOT</version>
	<packaging>jar</packaging>
	<name>permissionExample</name>
	<description>权限后端</description>
	<parent>
		<groupId>org.springframework.boot</gr