Element中时间选择器时间的格式为“2022-11-01T00:58:22.511Z“将其修改为 2022-10-31 的格式

        初步接触到element,在使用时间选择器的时候Element中时间选择器时间的格式为“2022-11-01T00:58:22.511Z“将其修改为 2022-10-31 的格式_第1张图片 

        通过这个前端获取到的时间的格式是

"2022-11-01T00:58:22.511Z"

        控制台就会提示格式出现错误无法进行解析

        只有将前端获取到的时间转换成为一般的格式才会被java.util.Date解析出来 

        转换的方法如下:

        首先定义一个函数,用来作为转换时间格式的函数(这个是定义在vue中的时间格式转换方法,写在methods:{

}中的函数;

        

            timeTransformation(time){
            /*首先需要判断时间是否是空的  如果不判断的话就会出现错误,
                    时间转换格式为空  空的时间肯定无法进行转换*/
                if (time==null || time== ''){
                    return null;
                }
                let date = new Date(new Date(time).getTime() + 8 * 3600 * 1000)
                date = date.toJSON();
                date = date.substring(0, 10)
                return date
            }

 不在vue中的定义方法:


            //在一般的javaScript代码中
            //就是添加上 function 即可作为一个函数
            function timeTransformation(time){
            /*首先需要判断时间是否是空的  如果不判断的话就会出现错误,
                    时间转换格式为空  空的时间肯定无法进行转换*/
                if (time==null || time== ''){
                    return null;
                }
                let date = new Date(new Date(time).getTime() + 8 * 3600 * 1000)
                date = date.toJSON();
                date = date.substring(0, 10)
                return date
            }

        最后将时间的格式转换成 2022-10-31 这样的格式,后端就能够使用过java.util.Date 进行解析和计算。

你可能感兴趣的:(vue.js,javascript,ecmascript,elementui)