iView-----日历组件

2019-08-28 10:46:45 浏览数 (4)
日历组件的使用
代码语言：javascript复制
 <DatePicker type="date"  style="" class="date"
               format="yyyy/MM/dd"
              :clearable="false"
              v-model="startDate" 
              @on-change="changeEnd" 
              placeholder="开始时间"
              ></DatePicker>
属性名称： 属性值
  • format 显示的形式----- 注意尽量使用/,因为-会出现兼容性问题。
  • ：clearable 是否出现清除按钮----- 默认为true
  • @on-change 绑定日历发生改变事件 -----绑定事件
  • placeholder 提示信息-----自定义提示信息
  • :start-date="new Date(1991, 4, 14)" 意思是点击进入选择时，到1991,4.14日
  • 还有其他的功能详情看官方文档
扩展知识
如何进入页面就显示当前的日期？
如何进入页面就显示当前的日期与上一个月的当前日期？ 就是说今天3.2号，要显示为2.2---3.2这段时间
上代码
代码语言：javascript复制
 if (this.startDate != "" && this.endDate != "") {
       
      } else {
        var date = new Date();
        var year = date.getFullYear();
        var month = date.getMonth()   1; /// 获得月份 1
        var day = date.getDate();
        this.startDate = this.endDate = year   "/"   month   "/"   day;
      
      }
date format 官方文档 placeholder 事件

0 人点赞