Commit e55f00ff7ed42ad5a196be554eecad511a0ba45d

Authored by 梁灏
1 parent 2533a192

update DatePicker

update DatePicker
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 },
... ...