需求： DatePicker组件，选择日期后格式变成UTC，例如：选择的日期是： 2019-03-10，得到的结果却是 2019-03-10T16:00:00.000Z，页面显示是SatMar 09 2019 00:00:00 GMT+0800 (中国标准时间)
解决方法：用 on-change事件的返回值，给绑定的数据赋值。查文档可知道on-change的返回值是已经格式化后的日期，是我们想要的格式，在template中$event 是on-change的返回值，所以直接用简易写法“endTime=$event”就可以赋值。

         <DatePicker type="datetime" 
          placeholder="选择截止时间" 
          v-model="formCustom.endTime" 
          @on-change="formCustom.endTime=$event">
          </DatePicker>

在这里插入图片描述
这是添加时间，v-model和@on-change一起用类型就是yyyy-MM-dd HH:mm:ss类型的
但是时间添加成功之后，还得支持修改呀，修改的话，v-model和@on-change一起用类型还是中国标准时间，目前发生这种情况原因未知，但是也得解决，所以采用了正则。

      let endtime = new Date(this.eachItem.endTime).toJSON();
      this.eachItem.endTime = new Date(+new Date(endtime) + 8 * 3600 * 1000)
        .toISOString()
        .replace(/T/g, " ")
        .replace(/\.[\d]{3}Z/, "");

时间控件解决了，又发现查出来的时间跟MySQL中的时间差一天
解决方案：在jdbc加上&serverTimezone=Asia/Shanghai

Logo
Vue

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^

avatar Vue
cover

echarts堆叠柱状图

avatar Vue

Error in v-on handler: "TypeError: Cannot read properties of undefined (reading 'current')"

这是一个 Vue.js 错误，报错信息提示在 v-on 处理程序中出现了错误：“TypeError: Cannot read properties of undefined(读取 'current')”。这意味示在您的代码中，试图读取一个未定义的变量 'current'。您需要检查您的代码，确保 'current' 已正确定义并初始化。...

avatar Vue