• vue DatePicker vue2.0的日期插件


    一个用vue2.0写的日期控件,可以支持简单的年月日选择。地址:https://github.com/Stevenzwzhai/vue-datepicker。

    首先是关于日期对象的使用,基本就是日期的设置(date.setDate())与获取(date.getFullYear(),date.getMonth(),date,getDate())。在这里主要的一点就是根据选择的年和月份去设定当月的天数,使用设定日期,date.setDate(year, month, 0);这里要注意的是,获取哪个月month就是几,day设为零。而获取当前日期时月份要减一,因为在js的Date对象中月份是0~11.

    接下来是关于滑动,在这里使用css3的translate3d,由于是用移动端,因此使用3d动画时可以自动开启设备加速,在一定程度上提高性能。这里只要仔细计算没什么大问题,还要要注意边界问题,滑出边界肯定是不行的。另外滑动加一点时间和动画函数可以使得滑动更加美观,我是用来transition-timing-function:ease-out。

    这里做的是一个组件,所以自然要把设定的时间返回,就涉及到父子组件通信,vue2.0去掉了dispatch,就用$on和$emit就好。具体使用方法,在官网或者imooc都有。

  • 相关阅读:
    数组[切片]、字典、函数
    go结构体内存对齐
    微信支付流程
    自动化测试框架selenium、puyyer、pywight、splash
    变量、类型、指针
    Go学习目录
    I/O操作、go module
    杂文协程
    内存逃逸、枚举、字符串
    defer、异常处理、import
  • 原文地址:https://www.cnblogs.com/Upton/p/6086313.html
Copyright © 2020-2023  润新知