update DatePicker
update DatePicker
This commit is contained in:
parent
98ca354f13
commit
68e9b1003b
10 changed files with 67 additions and 67 deletions
|
@ -1,36 +1,16 @@
|
|||
<template>
|
||||
<div style="margin: 50px">
|
||||
<i-button @click="type = 'year'">year</i-button>
|
||||
<i-button @click="type = 'month'">month</i-button>
|
||||
<br>
|
||||
<row>
|
||||
<i-col span="8">
|
||||
<!--<i-button @click="setDate">set date</i-button>-->
|
||||
<date-picker
|
||||
type="month"
|
||||
style="width:200px"
|
||||
placeholder="请选择日期"
|
||||
:value.sync="value"
|
||||
@on-change="change"
|
||||
:confirm="false"
|
||||
:options="options"
|
||||
open
|
||||
@on-open-change="change2">
|
||||
</date-picker>
|
||||
</i-col>
|
||||
<i-col span="8">
|
||||
<date-picker
|
||||
type="daterange"
|
||||
style="width:300px"
|
||||
placeholder="请选择日期"
|
||||
:value.sync="value2"
|
||||
align="right"
|
||||
:editable="true"
|
||||
@on-change="change"
|
||||
:confirm="true"
|
||||
:options="options2"></date-picker>
|
||||
</i-col>
|
||||
</row>
|
||||
<div style="margin: 50px;position: relative">
|
||||
<Card>
|
||||
<row>
|
||||
<i-col span="12">
|
||||
<date-picker type="date" placeholder="选择日期" style="width: 200px;"></date-picker>
|
||||
</i-col>
|
||||
<i-col span="12">
|
||||
<date-picker type="daterange" placeholder="选择日期" style="width: 200px;"></date-picker>
|
||||
</i-col>
|
||||
</row>
|
||||
fdsfs
|
||||
</Card>
|
||||
</div>
|
||||
</template>
|
||||
<script>
|
||||
|
|
|
@ -1,28 +1,24 @@
|
|||
<template>
|
||||
<Dropdown @on-visible-change="v">
|
||||
<Dropdown trigger="click">
|
||||
<a href="javascript:void(0)">
|
||||
下拉菜单
|
||||
北京小吃
|
||||
<Icon type="arrow-down-b"></Icon>
|
||||
</a>
|
||||
<Dropdown-menu slot="list">
|
||||
<Dropdown-item>驴打滚</Dropdown-item>
|
||||
<Dropdown-item>炸酱面</Dropdown-item>
|
||||
<Dropdown-item disabled>豆汁儿</Dropdown-item>
|
||||
<Dropdown-item>豆汁儿</Dropdown-item>
|
||||
<Dropdown placement="right-start">
|
||||
<Dropdown-item>
|
||||
北京烤鸭
|
||||
<Icon type="ios-arrow-right"></Icon>
|
||||
</Dropdown-item>
|
||||
<Dropdown-menu slot="list">
|
||||
<Dropdown-item>挂炉烤鸭</Dropdown-item>
|
||||
<Dropdown-item>焖炉烤鸭</Dropdown-item>
|
||||
</Dropdown-menu>
|
||||
</Dropdown>
|
||||
<Dropdown-item>冰糖葫芦</Dropdown-item>
|
||||
<Dropdown-item divided>北京烤鸭</Dropdown-item>
|
||||
</Dropdown-menu>
|
||||
</Dropdown>
|
||||
<Dropdown style="margin-left: 20px">
|
||||
<i-button type="primary">
|
||||
下拉菜单
|
||||
<Icon type="arrow-down-b"></Icon>
|
||||
</i-button>
|
||||
<Dropdown-menu slot="list">
|
||||
<Dropdown-item>驴打滚</Dropdown-item>
|
||||
<Dropdown-item>炸酱面</Dropdown-item>
|
||||
<Dropdown-item disabled>豆汁儿</Dropdown-item>
|
||||
<Dropdown-item>冰糖葫芦</Dropdown-item>
|
||||
<Dropdown-item divided>北京烤鸭</Dropdown-item>
|
||||
</Dropdown-menu>
|
||||
</Dropdown>
|
||||
</template>
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue