Vue按时间段查询数据组件使用详解

本文实例为大家分享了Vue按时间段查询数据组件的具体使用代码,供大家参考,具体内容如下

首先是前端效果:

Vue按时间段查询数据组件使用详解_第1张图片

界面代码如下:

labelCol wrapperCol是布局变量
placeholder是默认内容
@change @ok 绑定两个事件,事件代码在下面

js代码如下:

getQueryPaeams这个方法的运行原理待研究
注意:DateChange应放入methods中,否则找不到方法
startTime和endTime分别为数据库中开始时间和结束时间字段

其中还有很多暂时看不懂的地方,其中引入的CuplyListMixin,filterObj,JEllipsis功能不明确

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持脚本之家。

你可能感兴趣的:(Vue按时间段查询数据组件使用详解)