drip-public/iview
5
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

update DatePicker

Browse source 
update DatePicker
This commit is contained in:
梁灏 2016-12-14 23:08:57 +08:00
parent d3eee3f464
commit 50637863ce
9 changed files with 343 additions and 98 deletions
Download patch file Download diff file Expand all files Collapse all files

14
test/routers/date.vue
View file

@ -1,13 +1,21 @@
<template>
<div style="margin: 50px">
<date-picker style="width:200px" placeholder="请选择日期"></date-picker>
<date-picker style="width:200px" placeholder="请选择日期" :value.sync="value" :options="options"></date-picker>
</div>
</template>
<script>
export default {
props: {},
data () {
return {}
return {
value: '2016-12-18',
// value: '',
options: {
disabledDate(time) {
return time.getTime() < Date.now() - 8.64e7;
// return time && time.valueOf() < Date.now();
}
}
}
},
computed: {},
methods: {}

100
test/routers/table.vue
View file

@ -1,84 +1,98 @@
<template>
<i-table width="550" border :columns="columns2" :data="data3"></i-table>
<i-button @click="changeFilter">改变filter</i-button>
<i-table border :columns="columns6" :data="data5"></i-table>
</template>
<script>
export default {
data () {
return {
columns2: [
columns6: [
{
title: '日期',
key: 'date'
},
{
title: '姓名',
key: 'name',
width: 100,
fixed: 'left'
key: 'name'
},
{
title: '年龄',
key: 'age',
width: 100
},
{
title: '省份',
key: 'province',
width: 100
},
{
title: '市区',
key: 'city',
width: 100
filters: [
{
label: '大于25岁',
value: 1
},
{
label: '小于25岁',
value: 2
}
],
filterMultiple: false,
filterMethod (value, row) {
if (value === 1) {
return row.age > 25;
} else if (value === 2) {
return row.age < 25;
}
}
},
{
title: '地址',
key: 'address',
width: 200
},
{
title: '邮编',
key: 'zip',
width: 100
},
{
title: '操作',
key: 'action',
fixed: 'right',
width: 120,
render () {
return `<i-button type="text" size="small">查看</i-button><i-button type="text" size="small">编辑</i-button>`;
filters: [
{
label: '北京',
value: '北京'
},
{
label: '上海',
value: '上海'
},
{
label: '深圳',
value: '深圳'
}
],
filterMethod (value, row) {
return row.address.indexOf(value) > -1;
}
}
],
data3: [
data5: [
{
name: '王小明',
age: 18,
address: '北京市朝阳区芍药居',
province: '北京市',
city: '朝阳区',
zip: 100000
date: '2016-10-03'
},
{
name: '张小刚',
age: 25,
address: '北京市海淀区西二旗',
province: '北京市',
city: '海淀区',
zip: 100000
date: '2016-10-01'
},
{
name: '李小红',
age: 30,
address: '上海市浦东新区世纪大道',
province: '上海市',
city: '浦东新区',
zip: 100000
date: '2016-10-02'
},
{
name: '周小伟',
age: 26,
address: '深圳市南山区深南大道',
province: '广东',
city: '南山区',
zip: 100000
date: '2016-10-04'
}
]
}
},
methods: {
changeFilter () {
this.columns6[2].filters = [
{
label: '小于25岁',
value: 2
}
]
}