使用elementUI的日期选择框，两选择框关联时间限值

elementui 本身也提供了在一个输入框内关联选择时间的组件，非常好使，但无奈项目需要用两个输入框去关联的选择：

　　　　　　　　　　　　　　　　　　　　　　<el-date-pickerclass="datepicker"size="mini"//尺寸v-model="startTimed"type="date"//日期类型value-format="timestamp"//日期返回的时间格式，时间戳:picker-options="start_date"//主要的功能，设置时间范围设定placeholder="选择开始日期"></el-date-picker><span style="display: inline-block;width: 40px;font-size: 12px;text-align: center;">——</span><el-date-pickerclass="datepicker"size="mini"v-model="endTimed"type="date"value-format="timestamp":picker-options="end_date"placeholder="选择结束日期"></el-date-picker>

在data里面：

　　　　　　　startTimed: "",//开始时间endTimed:"",//结束时间
            start_date:{//开始时间范围限定disabledDate:time => {if(this.endTimed) {return time.getTime() > Date.now()-8.64e7 || time.getTime() >= this.endTimed;}   return time.getTime() > Date.now()-8.64e7;}},end_date:{//结束时间范围限定disabledDate:time => {return time.getTime() >= Date.now()-8.64e6 || time.getTime() <= this.startTimed;}},　　　　　　　//主要是disabledDate的取值，返回值；　　　　　　　//注意8.64e7和8.64e6的区别，后面的包括了当前的一天；

转载于:https://www.cnblogs.com/wangtaolearning/p/11219429.html

使用elementUI的日期选择框，两选择框关联时间限值相关推荐

Vue指定日期选择框的值--自动计算过期时间
在开发过程中,有时需要对日期选择框设置一个默认值(比如当天.前几天或者是后几天)?如何自动计算过期时间?具体怎么实现呢,我们一起来看下. 本文主要根据两个小案例来讲解通过js设定日期控件的值, ...
【elementUI-日期选择器（两个框限制选择范围、快捷键选择】
elementUI-日期选择器(两个框限制选择范围.快捷键选择) 两个日期框选择一.快捷键选择二.示例 1.情景一 2.情景二 3.情景三 3.情景四两个日期框选择一.快捷键选择 .el-i ...
element-ui日期选择器el-date-picker, 案例:填写有效期和选择开始时间后, 自动生成结束时间, datetime时间转换
element-ui日期选择器el-date-picker --datetime时间转换案例:填写有效期和选择开始时间后, 自动生成结束时间效果图如下通过可用天数(就是有效期) 和可用开始时 ...
两个下拉框相关联ajax,触发第二个下拉框以显示基于从第一个下拉框中选择的值的值ajax...
我有两个引导程序下拉框.当我们点击另一个下拉菜单时,其中一个会根据用户选择的国家显示来自数据库的所有国家名称,另一个下拉菜单应该选择状态. 当我点击一个下拉菜单时,我做了一个ajax请求来显示国家名称 ...
elementui中，下拉框设置，既可以从下拉框中选择，又可以自己添加选项
1.需求在用elementui结合vue时,有个需求就是有个下拉框,我需要可以从下拉框中选,也可以自己输入的值变成下拉框的选项,那么,代码如下: 2.实现在template中,我这是在表格中,表格 ...
两级关键词，复选框级联选择。借助hiddenField
1. 级联复选框关键词分两级,子级选中时父级自动选中:父级取消选中时子级自动取消选中: 由于checkboxlist的SelectedIndexChanged事件无法确定当前改变选择的复 ...
html 选择列表框,列表框和组合框的区别是什么？
列表框和组合框的区别 1.自动排序方式不同: 当列表框不能同时显示所有项目的时候,将自动添加滚动条,使用户可以滚动查阅所有选项.组合框的风格取值定义了组合框的具体属性,包括是否自动排序,是否有滚动条. ...
在pandas数据框中选择多个列
本文翻译自:Selecting multiple columns in a pandas dataframe I have data in different columns but I don't ...
Android UI（五）云通讯录项目之联系人列表，带侧滑选择，带搜索框
作者:泥沙砖瓦浆木匠网站:http://blog.csdn.net/jeffli1993 个人签名:打算起手不凡写出鸿篇巨作的人,往往坚持不了完成第一章节. 交流QQ群:[编程之美 36523458 ...

使用elementUI的日期选择框，两选择框关联时间限值

使用elementUI的日期选择框，两选择框关联时间限值相关推荐

最新文章

热门文章