vue DatePicker vue2.0的日期插件

  • Z时代
  • 2024-01-10
  • 分类：综合

vue

一个用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都有。

以上是 vue DatePicker vue2.0的日期插件 的全部内容， 来源链接： utcz.com/z/379455.html

回到顶部