专栏首页vue的实战iView-----日历组件

iView-----日历组件

日历组件的使用

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

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

我来说两句

0 条评论
登录 后参与评论

相关文章

  • element-ui日期选择器的日期格式转换(d.getFullYear() 提示找不到。)

    时间必须用: var d = new Date( )格式来转换 如果没有用 new Date(); 那么有可能 d.getFullYear() 会提示找...

    用户4344670
  • js分片

    用户4344670
  • DIV模拟输入框

    用户4344670
  • cssjshtml vue.js 时间格式化

    葫芦
  • Serverless+SCF=打倒服务器,解放程序员 | 技术沙龙

    在很多外行人的眼里,程序员就是神一样的存在。他们全年 996,节假日无休,不仅 Java、PHP、C++ 要样样精通,还要会修电脑修音响修手机,做前端要懂运维,...

    用户1516716
  • python flush使用

    在python中 要达到每次输出刷新上次的效果,使用sys.stdout.flush()可实现。如下简单事例

    py3study
  • swagger注解API详细说明

    飞狗
  • 原 ionic+js+html5 飞行射击

    魂祭心
  • c# 调用分页(控制器端的)与时间的格式

    wfaceboss
  • iview 下拉刷新loadTop报错解决

    蓓蕾心晴

扫码关注云+社区

领取腾讯云代金券