<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,
01-C语言之父:丹尼斯·里奇为什么 Python 不是面向未来的编程语言?利用Python处理Excel数据——xlrd,xlwt库# C# 学习笔记(4) 类C语言中四种取整方式、取余/取模的运算以及负数取模的问题java两个对象比较属性值初学者学Python一定要知道他的基础算法有哪些?作用是什么?面试经常被问到-拉链表C++实现简单的通讯录管理系统利用Python处理Excel数据——pandas库