<template>   <div class="page">    <van-cell-group>             <van-cell
              title="选择日期"               :value="datetime"               arrow
              @click="showDatePicker = !showDatePicker"
            ></van-cell>   </van-cell-group>  
<van-popup v-model="showDatePicker" position="bottom" :style="{ height: '40%' }">
      <van-datetime-picker         v-model="currentDate"         @confirm="
          showDatePicker = false;           onchangDate1();         "
        @cancel="showDatePicker = false"         title="时间选择"
        type="date"       />     </van-popup>  </div> <template> <script>  
 import { Cell, CellGroup, DatetimePicker, Popup } from "vant";  
 import Vue from "vue";    export default {       //组件 Q2组件需要正确注册,才能被页面识别      
components: {           [Cell.name]: Cell,          
[CellGroup.name]: CellGroup,           [DatetimePicker.name]: DatetimePicker,  
        [Popup.name]: Popup      },   //数据层   data() {     return {
      datetime: "",       currentDate: "",   //初始化当前时间
      showDatePicker: false, //判断popup弹出层是否显示,false不显示     };   },
  created() {     this.currentDate = new Date();    //给当前时间赋值
    this.datetime = this.common.dateToString(this.currentDate); 
 //给单元格显示当前时间的变量赋值   },   mounted() {},   methods: {     onchangDate1() {      
//currentDate值就是选择的时间,把改变后的值赋值给单元格变量显示
      this.datetime = this.common.dateToString(this.currentDate);        }   }
}; </script>
 

技术
©2019-2020 Toolsou All rights reserved,
[数据结构]八大排序算法(C语言)总结G1垃圾收集器面试题Android中使用微信H5支付时支付结果刷新问题32-jdbc工具类大学里要参加竞赛吗?都有哪些竞赛可以参加?震惊!!C++居然可以发出声音!C语言之链表入门(超详解)Java实现一个疫情人数管理系统如何用python实现斐波那契数列的前100个MyBatis循环Map(高级用法)