update DatePicker

update DatePicker

update DatePicker
梁灏
1 parent 2533a192
Showing 2 changed files with 16 additions and 7 deletions Show diff stats
src/styles/components/date-picker.less
test/routers/date.vue
@@ -183,11 +183,19 @@
             position: absolute;
             top: 0;
             bottom: 0;
-            background: @border-color-split;
+            background: @table-thead-bg;
+            border-right: 1px solid @border-color-split;
             border-radius: @border-radius-small 0 0 @border-radius-small;
+            overflow: auto;
         }
         &-shortcut{
+            padding: @btn-padding-large;
+            transition: all @transition-time @ease-in-out;
+            cursor: pointer;
+            &:hover{
+                background: @border-color-split;
+            }
         }
         &-body{
             float: left;
@@ -27,7 +27,7 @@
         data () {
             return {
 //                value: new Date(),
-                value: '',
+                value: '2016-12-25',
                 options: {
                     disabledDate(time) {
 //                        console.log(time)
@@ -39,9 +39,10 @@
                         {
                             text: '今天',
                             value () {
-                                return new Date();
+//                                return new Date();
+                                return '1/2/19'
                             },
-                            onClick () {
+                            onClick (picker) {
                                 console.log('点击了今天');
                             }
                         },
@@ -63,9 +64,9 @@
                                 date.setTime(date.getTime() - 3600 * 1000 * 24 * 7);
                                 return date;
                             },
-//                            onClick () {
-//                                console.log('点击了一周前');
-//                            }
+                            onClick () {
+                                console.log('点击了一周前');
+                            }
                         }
                     ]
                 },