|
|
@ -20,7 +20,7 @@ |
|
|
}, |
|
|
}, |
|
|
``` |
|
|
``` |
|
|
|
|
|
|
|
|
<img src="/Users/mengdanai/Library/Application Support/typora-user-images/image-20240111103632183.png" alt="image-20240111103632183" style="zoom:50%;" /> |
|
|
|
|
|
|
|
|
<img src="../../../../docs/images/ui-components/mdp-date-range/image-20240111103632183.png" alt="image-20240111103632183" style="zoom:50%;" /> |
|
|
|
|
|
|
|
|
2. `x` |
|
|
2. `x` |
|
|
|
|
|
|
|
|
@ -31,9 +31,9 @@ |
|
|
</mdp-date-range> |
|
|
</mdp-date-range> |
|
|
``` |
|
|
``` |
|
|
|
|
|
|
|
|
<img src="/Users/mengdanai/Library/Application Support/typora-user-images/image-20240111110136191.png" alt="image-20240111110136191" style="zoom:50%;" /> |
|
|
|
|
|
|
|
|
<img src="../../../../docs/images/ui-components/mdp-date-range/image-20240111110136191.png" alt="image-20240111110136191" style="zoom:50%;" /> |
|
|
|
|
|
|
|
|
<img src="/Users/mengdanai/Library/Application Support/typora-user-images/image-20240111110148521.png" alt="image-20240111110148521" style="zoom:50%;" /> |
|
|
|
|
|
|
|
|
<img src="../../../../docs/images/ui-components/mdp-date-range/image-20240111110148521.png" alt="image-20240111110148521" style="zoom:50%;" /> |
|
|
|
|
|
|
|
|
3. tag |
|
|
3. tag |
|
|
|
|
|
|
|
|
@ -44,9 +44,9 @@ |
|
|
</mdp-date-range> |
|
|
</mdp-date-range> |
|
|
``` |
|
|
``` |
|
|
|
|
|
|
|
|
<img src="/Users/mengdanai/Library/Application Support/typora-user-images/image-20240111105902269.png" alt="image-202401111059022269" style="zoom:50%;" /> |
|
|
|
|
|
|
|
|
<img src="../../../../docs/images/ui-components/mdp-date-range/image-20240111105902269.png" alt="image-202401111059022269" style="zoom:50%;" /> |
|
|
|
|
|
|
|
|
<img src="/Users/mengdanai/Library/Application Support/typora-user-images/image-20240111105909638.png" alt="image-202401111105909638" style="zoom:50%;" /> |
|
|
|
|
|
|
|
|
<img src="../../../../docs/images/ui-components/mdp-date-range/image-20240111105909638.png" alt="image-202401111105909638" style="zoom:50%;" /> |
|
|
|
|
|
|
|
|
#### 二、value + @change事件 |
|
|
#### 二、value + @change事件 |
|
|
|
|
|
|
|
|
@ -108,7 +108,7 @@ methods: { |
|
|
<mdp-date-range :styleObj="{ backgroundColor: 'green' }"/> |
|
|
<mdp-date-range :styleObj="{ backgroundColor: 'green' }"/> |
|
|
``` |
|
|
``` |
|
|
|
|
|
|
|
|
<img src="/Users/mengdanai/Library/Application Support/typora-user-images/image-20240111144543586.png" alt="image-20240111144543586" style="zoom:50%;" /> |
|
|
|
|
|
|
|
|
<img src="../../../../docs/images/ui-components/mdp-date-range/image-20240111144543586.png" alt="image-20240111144543586" style="zoom:50%;" /> |
|
|
|
|
|
|
|
|
#### 五、autoDefault 和 defaultRange |
|
|
#### 五、autoDefault 和 defaultRange |
|
|
|
|
|
|
|
|
@ -120,7 +120,7 @@ defaultRange = [-1, 1] = [ 当前时间 -1, 当前时间 +1 ] |
|
|
<mdp-date-range :auto-default="true" :default-range="[-1, 1]"/> |
|
|
<mdp-date-range :auto-default="true" :default-range="[-1, 1]"/> |
|
|
``` |
|
|
``` |
|
|
|
|
|
|
|
|
<img src="/Users/mengdanai/Library/Application Support/typora-user-images/image-20240111150728697.png" alt="image-20240111150728697" style="zoom:50%;" /> |
|
|
|
|
|
|
|
|
<img src="../../../../docs/images/ui-components/mdp-date-range/image-20240111150728697.png" alt="image-20240111150728697" style="zoom:50%;" /> |
|
|
|
|
|
|
|
|
#### 六 icon |
|
|
#### 六 icon |
|
|
|
|
|
|
|
|
|