如何用原生JavaScript编写日期选择器插件？

本文共计4532个文字，预计阅读时间需要19分钟。

最近公司项目一期落下帷幕，想写个小玩具发挥一下下班时间。用js很粗暴地实现了一个日期选择插件，能选择一段时间内（1天内多选），实现了选择日期的功能。整体代码来看，合约度还是不错的。

最近公司项目告一段落，想着写个小玩意打发下上班时间，就用js很粗糙的实现了下日期选择插件。间间断断历时1天多，实现了选择日期的功能，从写完的整体代码来看，耦合度还是蛮高的，我觉得还是我对js中的原型继承方式理解不深刻，一定有更优雅的方式再优化下这份粗糙的代码，各位前端小伙伴们在看完我的代码后请麻烦指出其中实现的不好的地方，有批评指正让我有动力继续写博客嘛！

先说下这个插件的功能：功能很简单，目前只实现了选择一个日期（当然可以赋初始值，默认是当前日期），选择跨月日期时，会有一个粗糙的动画效果，效果图如下：

然后，说下我写这个插件思路：

1.插件整体是以functionDt作为基类，通过choose方法调用，如：$('#txtDt').choose({value: '2018/8/1'});$方法用来选择要传入选择日期的文本控件。