el-date-picker
をテンプレートにして作成
[
トップ
] [
新規
|
一覧
|
検索
|
最終更新
|
ヘルプ
|
ログイン
]
開始行:
[[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
終了行:
[[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
ページ名:
![[PukiWiki]](image/pukiwiki.png "[PukiWiki]")
