基于Vue2.x日期选择组件

本文介绍了一款基于Vue2.x的日期选择组件Vue-datepicker,它包含清晰的日历计算逻辑,支持日期、年份和月份的选择,并提供了全局或局部注册的方法。

vue-datepicker - 基于Vue2.x日期选择组件

Datepicker是一款稍微复杂的组件,其中涉及的日历计算与显示需要比较清晰的逻辑。

项目地址

https://github.com/watson-yan...

预览图

<img src="https://github.com/watson-yan/vue-datepicker/blob/master/dist/imgs/2.png" width="400" height="400"/>
图片描述

How to start
  • 下载依赖项/install dependencies

npm install

  • 运行服务/run server

npm run test

  • 程序默认运行在3000端口: localhost:3000

Description

在全局注册或者局部注册完成后使用组件:

<datepicker v-on:picked="picked"></datepicker>

(该组件源码为components文件夹下面的datepicker.vue文件, 其余文件是搭建了一个简易的express框架)

  • Props:

    moment - 传入的时间(距 1970 年 1 月 1 日之间的毫秒数),默认为现在时间

  • 触发选取时间更新的条件:

    1. 选取日期: 在日历界面点击日期

    2. 选取年份和月份: 仅在可滑动的年份和月份列表点击

License

MIT

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值