Commit e55f00ff7ed42ad5a196be554eecad511a0ba45d
1 parent
2533a192
update DatePicker
update DatePicker
Showing
2 changed files
with
16 additions
and
7 deletions
Show diff stats
src/styles/components/date-picker.less
... | ... | @@ -183,11 +183,19 @@ |
183 | 183 | position: absolute; |
184 | 184 | top: 0; |
185 | 185 | bottom: 0; |
186 | - background: @border-color-split; | |
186 | + background: @table-thead-bg; | |
187 | + border-right: 1px solid @border-color-split; | |
187 | 188 | border-radius: @border-radius-small 0 0 @border-radius-small; |
189 | + overflow: auto; | |
188 | 190 | } |
189 | 191 | &-shortcut{ |
192 | + padding: @btn-padding-large; | |
193 | + transition: all @transition-time @ease-in-out; | |
194 | + cursor: pointer; | |
190 | 195 | |
196 | + &:hover{ | |
197 | + background: @border-color-split; | |
198 | + } | |
191 | 199 | } |
192 | 200 | &-body{ |
193 | 201 | float: left; | ... | ... |
test/routers/date.vue
... | ... | @@ -27,7 +27,7 @@ |
27 | 27 | data () { |
28 | 28 | return { |
29 | 29 | // value: new Date(), |
30 | - value: '', | |
30 | + value: '2016-12-25', | |
31 | 31 | options: { |
32 | 32 | disabledDate(time) { |
33 | 33 | // console.log(time) |
... | ... | @@ -39,9 +39,10 @@ |
39 | 39 | { |
40 | 40 | text: '今天', |
41 | 41 | value () { |
42 | - return new Date(); | |
42 | +// return new Date(); | |
43 | + return '1/2/19' | |
43 | 44 | }, |
44 | - onClick () { | |
45 | + onClick (picker) { | |
45 | 46 | console.log('点击了今天'); |
46 | 47 | } |
47 | 48 | }, |
... | ... | @@ -63,9 +64,9 @@ |
63 | 64 | date.setTime(date.getTime() - 3600 * 1000 * 24 * 7); |
64 | 65 | return date; |
65 | 66 | }, |
66 | -// onClick () { | |
67 | -// console.log('点击了一周前'); | |
68 | -// } | |
67 | + onClick () { | |
68 | + console.log('点击了一周前'); | |
69 | + } | |
69 | 70 | } |
70 | 71 | ] |
71 | 72 | }, | ... | ... |