drip-public/iview
6
1
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

examples

Browse source
This commit is contained in:
Sergio Crisostomo 2018-01-17 13:23:20 +01:00
parent 435bf7814a
commit ac231c9ab4
1 changed files with 10 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

11
examples/routers/date.vue
View file

@ -167,12 +167,17 @@
<br> <br>
<Date-picker type="date" format="yyyy-MM-dd HH:mm" placeholder="选择日期和时间（不含秒）" style="width: 200px"></Date-picker> | Single date, format MM-dd HH:mm <Date-picker type="date" format="yyyy-MM-dd HH:mm" placeholder="选择日期和时间（不含秒）" style="width: 200px"></Date-picker> | Single date, format MM-dd HH:mm
<br> <br>
<Date-picker type="datetime" :start-date="minDate" v-model="singleDate" placeholder="选择日期和时间" style="width: 200px"></Date-picker> | Single datetime, date object, start date
<br>
</div> </div>
<div style="width: 50%; float: right;"> <div style="width: 50%; float: right;">
<Date-picker type="datetimerange" :value="dateRange" placeholder="选择日期和时间" style="width: 300px"></Date-picker> | DateTimeRange, date objects <Date-picker type="datetimerange" :value="dateRange" placeholder="选择日期和时间" style="width: 300px"></Date-picker> | DateTimeRange, date objects
<br> <br>
<Date-picker type="daterange" placeholder="选择日期和时间" style="width: 300px"></Date-picker> | Range, no dates <Date-picker type="daterange" placeholder="选择日期和时间" style="width: 300px"></Date-picker> | Range, no dates
<br> <br>
<Date-picker type="daterange" split-panels placeholder="选择日期和时间" style="width: 300px"></Date-picker> | Range, no dates, split panels
<br>
<Date-picker type="datetimerange" format="yyyy-MM-dd HH:mm" placeholder="选择日期和时间（不含秒）" style="width: 300px"></Date-picker> | DateTimeRange, format yyyy-MM-dd HH:mm <Date-picker type="datetimerange" format="yyyy-MM-dd HH:mm" placeholder="选择日期和时间（不含秒）" style="width: 300px"></Date-picker> | DateTimeRange, format yyyy-MM-dd HH:mm
</div> </div>
<div style="width: 50%; float: right;"> <div style="width: 50%; float: right;">
@ -183,10 +188,14 @@
<script> <script>
export default { export default {
data(){ data(){
const now = new Date().getTime();
const oneMonth = 2592e6;
return { return {
dateString: '2018-01-03 20:52:59', dateString: '2018-01-03 20:52:59',
singleDate: new Date(1978, 4, 10), singleDate: new Date(1978, 4, 10),
dateRange: [new Date(2010, 0, 1), new Date()] dateRange: [new Date(2010, 4, 1), new Date()],
minDate: new Date(2010, 4, 1),
maxDate: new Date(now + oneMonth)
} }
} }
} }