前端el-date-picker传值+后端SimpleDateFormat接收并处理

一、前端el-date-picker传值

利用v-model双向绑定值，利用value-format确定绑定值的格式；

形如MM的格式可补0，即可表示01、02，但M只可表示1、2。

日期格式

格式	含义	举例
yyyy	年	2022
MM	月	01
dd	日	01
HH	小时   24小时制	03
hh	小时   12小时制	03
mm	分钟	04
ss	秒	05
timestamp	JS时间戳	1668150048

  <el-date-picker
              value-format="yyyy-MM-dd"
              v-model="startTime"
              type="date"
              placeholder="计算时间"
              style="float:right"
            >
      </el-date-picker>

二、后端接受处理

1.将格式文本转化为指定日期类型

String startTime = (String) params.get("startTime");

/* SimpleDateFormat
 * 其可以将日期转换成文本，或者将文本转换成日期。
 * 需要指定一个需要的格式(pattern)   形如"yyyy-MM-dd"
 */

SimpleDateFormat simpleDateFormat = new SimpleDateFormat("yyyy-MM-dd");

/* simpleDateFormat.parse 
 * 把String型的字符串转换成特定格式的date类型
 */
Date parse = simpleDateFormat.parse(startTime);

2.将时间戳转化为日期

SimpleDateFormat format = new SimpleDateFormat("yyyy-MM-dd HH:mm:ss");
Long startTime = (Long) params.get("startTime");
Date date = new Date(startTime);
String str = format.format(startTime );