fixed DatePicker style in range type

梁灏
1 parent 09ba5efa
Showing 3 changed files with 18 additions and 7 deletions Show diff stats
examples/routers/date.vue
src/components/date-picker/panel/Date/date-range.vue
src/styles/components/date-picker.less
@@ -248,14 +248,16 @@
 <!--</script>-->
 <template>
-    <Row>
-        <Col span="12">
+    <div style="width: 500px;margin: 100px;">
+        <Row>
+            <Col span="12">
             <DatePicker type="date" show-week-numbers placeholder="Select date" style="width: 200px"></DatePicker>
-        </Col>
-        <Col span="12">
+            </Col>
+            <Col span="12">
             <DatePicker type="daterange" show-week-numbers placement="bottom-end" placeholder="Select date" style="width: 200px"></DatePicker>
-        </Col>
-    </Row>
+            </Col>
+        </Row>
+    </div>
 </template>
 <script>
     export default {
@@ -165,7 +165,8 @@
                     `${prefixCls}-body-wrapper`,
                     `${datePrefixCls}-with-range`,
                     {
-                        [`${prefixCls}-with-sidebar`]: this.shortcuts.length
+                        [`${prefixCls}-with-sidebar`]: this.shortcuts.length,
+                        [`${datePrefixCls}-with-week-numbers`]: this.showWeekNumbers
                     }
                 ];
             },
@@ -203,6 +203,14 @@
     }
+    &-with-week-numbers{
+        .@{picker-prefix-cls}-panel{
+            &-body{
+                min-width: (@date-picker-cells-width-with-weeknumbers + 20) * 2;
+            }
+        }
+    }
+
     &-transfer{
         z-index: @zindex-transfer;
         max-height: none;