资讯专栏INFORMATION COLUMN

基于Vue2.x日期选择组件

NusterCache / 3229人阅读

摘要:基于日期选择组件是一款稍微复杂的组件,其中涉及的日历计算与显示需要比较清晰的逻辑。

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

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

项目地址

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

预览图


How to start

下载依赖项/install dependencies

npm install

运行服务/run server

npm run test

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

Description

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

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

Props:

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

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

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

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

License

MIT

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/82858.html

相关文章

  • 基于vue2.x的手机端日期选择插件

    摘要:基于的手机端日期选择插件实际需求中总会有一些轮子是需要自己造的,比如现在说的这个时间选择插件,在网上找了好多都和的交互需求差一点,做完后发出来分享一下吧,如果觉得不错或者帮到你了请记得具体是这个样子的预览点这里手机端扫码项目地址点这里如何使 基于vue2.x的手机端日期选择插件 实际需求中总会有一些轮子是需要自己造的,比如现在说的这个时间选择插件,在网上找了好多都和UI的交互需求差一点...

    tyheist 评论0 收藏0
  • ElementUI日期选择器时间选择范围限制

    Element是一套基于vue2.x的一个ui框架。官方文档也很详细,这里记录一个element-ui日期插件的补充官方文档中使用picker-options属性来限制可选择的日期,下面举例补充: 单个日期时间输入框 组件代码: 情景1: 设置选择今天以及今天之后的日期 data (){ return { pickerOptions0: { disabl...

    liangzai_cool 评论0 收藏0
  • Vue2.x踩坑与总结

    摘要:年前就打算学习并总结一下,但是因为年前工作比较多,所以进展十分缓慢,现在终于学了一大部分,而且自己在学习开发中也踩了不少坑也总结了不少,所以将自己踩过的坑总结一下分享出来。因为在项目中使用了,所以对于也有一个踩坑总结,点击链接。 年前就打算学习并总结一下vue2.x,但是因为年前工作比较多,所以进展十分缓慢,现在终于学了一大部分,而且自己在学习开发中也踩了不少坑也总结了不少,所以将自己...

    bovenson 评论0 收藏0
  • 2017年2月份前端资源分享

    平日学习接触过的网站积累,以每月的形式发布。2017年以前看这个网址:http://www.kancloud.cn/jsfron... 1. Javascript 前端生成好看的二维码 十大经典排序算法(带动图演示) 为什么知乎前端圈普遍认为H5游戏和H5展示的JSer 个人整理和封装的YU.js库|中文详细注释|供新手学习使用 扩展JavaScript语法记录 - 掉坑初期工具 汉字拼音转换...

    lily_wang 评论0 收藏0
  • 2017年2月份前端资源分享

    平日学习接触过的网站积累,以每月的形式发布。2017年以前看这个网址:http://www.kancloud.cn/jsfron... 1. Javascript 前端生成好看的二维码 十大经典排序算法(带动图演示) 为什么知乎前端圈普遍认为H5游戏和H5展示的JSer 个人整理和封装的YU.js库|中文详细注释|供新手学习使用 扩展JavaScript语法记录 - 掉坑初期工具 汉字拼音转换...

    chengjianhua 评论0 收藏0

发表评论

0条评论

NusterCache

|高级讲师

TA的文章

阅读更多
最新活动
阅读需要支付1元查看
<