移动端使用 vue2-datepick 日期控件

vue2-datepick

首先应用npm 下载安装

npm i vue2-datepick --save

在main.js中引入

import Calendar from 'vue2-datepick'; //日期控件

Vue.use(Calendar);//日期控件

然后在组件中使用。

html

  

                  
*生  日：
  
                  

                          
                  
                  

                      
                  
 

js

  //选择生日
      birthdayClick(){//生日
          this.$picker.show({
            type:'datePicker',
            date:'1990-01-01',
            endTime:'2018-01-01',//截至时间
            startTime:'1930-01-01',//开始时间
            onOk:(date)=>{
              this.birthday=date;    // birthday就是所需字段，在data 里定义下
            } 
          })
      },

效果

就好啦，使用很方便。