Vue+Element-ui+DateTimePicker 日期时间选择器传值给后台

Vue+Element-ui+DateTimePicker 日期时间选择器传值给后台_第1张图片         Vue+Element-ui+DateTimePicker 日期时间选择器传值给后台_第2张图片     

 

废话不多说,看代码:

 

 1 <template>
 2   <div class="block">
 3     <span class="demonstration">起始日期时刻为 12:00:00span>
 4     <el-date-picker
 5       v-model="value6"
 6       @change="dateChangebirthday1"
 7       type="datetimerange"
 8       format="yyyy-MM-dd HH:mm"
 9       value-format="yyyy-MM-dd HH:mm"
10       start-placeholder="开始日期"
11       end-placeholder="结束日期"
12       :default-time="['12:00:00']"
13     >el-date-picker>
14   div>
15 template>
16 
17 <script>
18 export default {
19   data() {
20     return {
21       value6: "",
22       startTime: ""
23     };
24   },
25   methods: {
26     dateChangebirthday1(val) {
27       this.startTime = val;
28       console.log(this.startTime);
29     }
30   }
31 };
32 script>

 

若有不明白请加群号:复制 695182980 ,也可扫码,希望能帮助到大家。

 

转载于:https://www.cnblogs.com/CinderellaStory/p/10562487.html

你可能感兴趣的:(Vue+Element-ui+DateTimePicker 日期时间选择器传值给后台)