0.0.4 • Published 4 years ago

vdate-pc-mobile v0.0.4

Weekly downloads
17
License
-
Repository
-
Last release
4 years ago

靓仔不才,请多提下意见进行交流 756207996@qq.com

组件说明

这个日历组件主要用来出来每天不同逻辑:比如旅游的项目每天的出团价不一样,就可以使用

安装方法

npm i vdate-pc-mobile

如何使用?

在 `main.js` 文件中引入插件并注册

``` bash
# main.js
import vDatePcMobile from 'vdate-pc-mobile'
Vue.use(vDatePcMobile)

在项目中用使用 vdate-pc --- PC端的日历 注意:标签为 <vdatePc>

<template>
  <vdatePc borderColor="colorStr"></vdatePc>
</template>
<script>
  export default {
    data () {
      return {
        colorStr: 'red'
      }
    }
  }
</script>

在项目中用使用 vdate-mobeil --- 移动端的日历 注意:标签为 <vdateMobeil>

<template>
  <vdateMobeil borderColor="colorStr"></vdateMobeil>
</template>
<script>
  export default {
    data () {
      return {
        colorStr: 'red'
      }
    }
  }
</script>

参数

参数说明类型默认值是否必传
boxWidth盒子宽度Number600否---PC端取传进的值,移动端取父盒子百分百
borderColor边框颜色String#ccc
disableStyle禁止日期的样式String"color:#000"
initDate初始化日期,如:"2020-05-01"String当月
options日历中每天的配置项Array{key:'price',name:'价格'}
interactiveData请求后台日历数据返回来进行更新视图Array[]

事件

事件名称说明回调参数
getDays获取当月日历数据返回(切记不要修改返回数组的长度)Array -- 日历表格数据
dayItemBtn日历表格某一天点击Number -- 日历数组中点击的索引
0.0.4

4 years ago

0.0.3

4 years ago

0.0.2

4 years ago

0.0.1

4 years ago