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

最新推荐文章于 2024-08-08 08:28:34 发布

IF YOU～

最新推荐文章于 2024-08-08 08:28:34 发布

阅读量3.6k

点赞数

分类专栏：日期控件 vue项目文章标签：日期控件

本文链接：https://blog.csdn.net/weixin_43278947/article/details/91850768

版权

本文介绍了如何在移动端项目中使用vue2-datepick日期控件。通过npm安装，再在main.js中引入，接着在组件HTML中插入相应代码，并配置JavaScript，简单几步即可实现日期选择功能。

摘要由CSDN通过智能技术生成

vue2-datepick

首先应用npm 下载安装

npm i vue2-datepick --save

在main.js中引入

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

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

在这里插入图片描述
然后在组件中使用。

html

  <div class="group_item">
                  <div class="label_item"><span style="color:red" >*</span>生  日：</div>  
                  <div class="content_item"  onfocus="this.blur();" @click="birthdayClick">
                          <input type="text" readonly autocomplete="off"  v-model="birthday" placeholder="请选择生日" />
                  </div>
                  <div class="icon_img">