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

fixed DatePicker style in range type

Browse source
This commit is contained in:
梁灏 2018-02-27 16:20:58 +08:00
parent 09ba5efa6e
commit f8bba1ac99
3 changed files with 18 additions and 7 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

14
examples/routers/date.vue
View file

@ -248,14 +248,16 @@
<!--</script>--> <!--</script>-->
<template> <template>
<Row> <div style="width: 500px;margin: 100px;">
<Col span="12"> <Row>
<Col span="12">
<DatePicker type="date" show-week-numbers placeholder="Select date" style="width: 200px"></DatePicker> <DatePicker type="date" show-week-numbers placeholder="Select date" style="width: 200px"></DatePicker>
</Col> </Col>
<Col span="12"> <Col span="12">
<DatePicker type="daterange" show-week-numbers placement="bottom-end" placeholder="Select date" style="width: 200px"></DatePicker> <DatePicker type="daterange" show-week-numbers placement="bottom-end" placeholder="Select date" style="width: 200px"></DatePicker>
</Col> </Col>
</Row> </Row>
</div>
</template> </template>
<script> <script>
export default { export default {

3
src/components/date-picker/panel/Date/date-range.vue
View file

@ -165,7 +165,8 @@
`${prefixCls}-body-wrapper`, `${prefixCls}-body-wrapper`,
`${datePrefixCls}-with-range`, `${datePrefixCls}-with-range`,
{ {
[`${prefixCls}-with-sidebar`]: this.shortcuts.length [`${prefixCls}-with-sidebar`]: this.shortcuts.length,
[`${datePrefixCls}-with-week-numbers`]: this.showWeekNumbers
} }
]; ];
}, },

8
src/styles/components/date-picker.less
View file

@ -203,6 +203,14 @@
} }
&-with-week-numbers{
.@{picker-prefix-cls}-panel{
&-body{
min-width: (@date-picker-cells-width-with-weeknumbers + 20) * 2;
}
}
}
&-transfer{ &-transfer{
z-index: @zindex-transfer; z-index: @zindex-transfer;
max-height: none; max-height: none;