Element-ui 双日历选择器如何联动

原创 huiwenS 教程 Element-ui 390阅读 2017-05-16 10:42:19 举报

我在做一个后台系统的时候需要一个这样的效果。

Element-ui双日历选择器如何联动

这里我用的是 Element-ui 的DatePicker 日期选择器,下面是地址:

Element-ui 的地址,点击查看

我希望可以得到一个联动的效果,即:
[ul]
[li]两个日历都不能选择当天以后的日期。[/li]
[li]选中开始日期,结束日期不能选择之前日期[/li]
[li]选中结束日期,开始日期不能选择之后日期[/li]
[/ul]

下面是我用到的代码:

html 代码

javascript 代码

javascript 代码

如有不当,欢迎指出。

评论 ( 2 )
最新评论
huiwenS 1F 2017-05-19 17:36:27 2F

谢谢,你发的简介链接我看了,挺不错的一个插件。但我的项目里用的是Vue.js ,你的那个插件是基于jQuery 的。

277039203 2017-05-16 16:03:36 1F

有单独的时间插件,http://www.jemui.com/uidoc/jedate.html