基于VueJs写的DatePicker(日期控件) 可动态、自动绑定

使用过ReactJs、VueJs做过中大型项目、。。对比下来还是vue使用得优雅和官方API阅读得舒心,至于Angular。。个人不是很喜欢它的脏检查机制,一旦单页面里写得多就会有一定的性能问题(现在出2.0不知道有没好一点)。。

这次因为发现项目长期常需要一个日期控件~~可是在网上找了多个日期控件都不满意。要么是颜值太丑和体验不佳 要么是和Vue耦合使用地不畅。多了一大堆的媒介代码来桥联数据、最主要的是大多控件都是基于JQ来实现的!! 要实现动态控件非常麻烦!!极大影响生产力和维护成本!!无形中萌生了自己动手写一个组件的想法!

废话不多说,直接上效果图


腾讯视频

腾讯视频


基于VueJs写的DatePicker(日期控件) 可动态、自动绑定_第1张图片
基于VueJs写的DatePicker(日期控件) 可动态、自动绑定_第2张图片
基于VueJs写的DatePicker(日期控件) 可动态、自动绑定_第3张图片

以上实现核心代码完全基于vue、利用自动计算属性。交互效果小量css3、jq、兼容火狐、谷歌、Safari、IE等厂商。vue可以模块化开发。完全把这个控件写成一个组件。嵌入我们的业务页面只需一行html代码进行双绑定足矣。从而实现高度解耦、性能更高。需要用时只需要引入这个组件的js就行(无需则不引)、维护更简单。   另外。。上传组件、下拉单选选择器、下拉多选选择器组件慢慢整理出来贡献给大家哈

你可能感兴趣的:(基于VueJs写的DatePicker(日期控件) 可动态、自动绑定)