vue写的日期选择组件

原创 骷髅不会笑丶 随笔 Vue 2055阅读 2017-05-29 19:53:00 举报

5/31 修改
1.增加了日期选择框的显示隐藏动画效果
2.时间显示的input改为只读并能记录上次所选日期
3.突出显示选择的日期
4.输入查询日期设置限制,需输入正确的时间

最近在用vue写个小东西,需要一个日期选择器,就用vue写了一个日期选择组件

项目预览地址预览地址

源码地址源码地址

因为我也只是个自学前端的菜鸟,如果有bug可以告诉我,谢谢。

觉得还可以的话可以star一下!

评论 ( 15 )
最新评论
骷髅不会笑丶 14F 2017-06-17 10:31:26 15F

可以用git,如果你闲git不方便,可以下载安装一个GitHub桌面版

523451928 2017-06-16 16:29:30 14F

求教下上传代码到github上,qq是我的昵称,可以相互交流讨论下技术

523451928 2017-06-16 16:19:45 13F
Lookforto 2017-06-05 22:18:43 12F

加上键盘事件更好

骷髅不会笑丶 10F 2017-06-05 12:32:21 11F

已限制最大输入年份

taoserking 2017-06-02 15:05:05 10F

年份没有限制

大神M 7F 2017-05-31 18:30:10 9F

不错不错!这回对了。

骷髅不会笑丶 3F 2017-05-31 17:19:39 8F

你的回复让我很激动啊,我都不知道该怎么回复,作为一个自学的新手谢谢你的肯定,想是肯定十分想的

骷髅不会笑丶 1F 2017-05-31 17:15:57 7F

谢谢,已增加动画和输入限制

骷髅不会笑丶 4F 2017-05-31 16:55:08 6F

谢谢,已修改

amandakelake 2017-05-31 12:26:47 5F

楼主加油……要相信自己,功夫不负有心人
我也是自学的,明天去上班了

1010601292 2017-05-31 09:20:45 4F

点击input框的时候,input的value是今天2017-05-31,例如选择2017-05-18,input的value是2017-05-18,再点击input框的时候,input的value从2017-05-18变成今天2017-05-31,这是一个bug,另外input框加一个只读属性readonly,input就不能编辑啦

诚如神之说 2017-05-31 08:34:55 3F

来我这吗?大公司,深圳10K起,工作轻松福利好。

骷髅不会笑丶 2017-05-29 23:41:57 2F

嗯,明天有时间修改一下,谢谢

大神M 2017-05-29 20:50:24 1F

不错不错,如果效果动画再好点儿就更好啦。另外月份我可以写大于12的月份和小于0的数字,建议有些限制会更好。