iView-----日历组件

用户4344670

发布于 2019-08-28 10:46:45

2.8K0

发布于 2019-08-28 10:46:45

日历组件的使用

 <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这段时间

上代码

 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;
      
      }

本文参与腾讯云自媒体分享计划，分享自作者个人站点/博客。

原始发表：2019.04.02 ，如有侵权请联系 cloudcommunity@tencent.com 删除

date