el-date-picker の変更点

• 追加された行はこの色です。
• 削除された行はこの色です。
• +Vue+el-date-picker へ行く。
• +Vue+el-date-picker の差分を削除

#author("2022-06-15T16:34:04+08:00","default:Admin","Admin")
#author("2022-09-20T17:53:50+08:00","default:Admin","Admin")
[[Vue]]

&color(red){※前提条件：本文基于 Vue 2.0 创作};

#contents

* 概要 [#q6fe13f5]

#codeprettify{{
<el-date-picker
  v-model="form.date"
  type="datetime"
  format="yyyy/MM/dd hh:mm:ss"
  value-format="yyyy/MM/dd hh:mm:ss"
  placeholder="日期时间"
></el-date-picker>
}}

* 设置默认当前日期 [#j82aae87]

#codeprettify{{
form.date = new Date();
}}

*  时间格式设置 [#y4ae3fce]

- format
- value-format

** 无法修改控件的值 [#w7f8c82f]

页面项目初始化，设置读入数据后，无法修改控件的值（无法选择新的日期）的问题

修改前(无法修改控件的值)

 this.form.date = dataFromAPI.date


正确的做法

 this.$set(this.form, "date", dataFromAPI.date)
* 日期范围 [#s1e7687b]

#codeprettify{{
<el-date-picker
  v-model="form.dateRange"
  type="daterange"
  range-separator="~"
  start-placeholder="开始日期"
  end-placeholder="结束日期"
  format="yyyy/MM/dd"
  value-format="yyyy/MM/dd"
>
</el-date-picker>
}}

** 默认当前日期 [#h453b6e5]

#codeprettify{{
form.dateRange = [new Date(),new Date()];
}}

#hr();
コメント：
#comment_kcaptcha