You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
41 lines
866 B
41 lines
866 B
<template> |
|
<div> |
|
<section class="demo-section"> |
|
<h4>基础用法</h4> |
|
<div> |
|
<x-timepicker></x-timepicker> |
|
</div> |
|
</section> |
|
|
|
<section class="demo-section"> |
|
<h4>选择时分</h4> |
|
<div> |
|
<x-timepicker placeholder="时分" format="HH:mm" :confirm="true"></x-timepicker> |
|
<x-timepicker placeholder="时" format="HH点"></x-timepicker> |
|
</div> |
|
</section> |
|
|
|
<section class="demo-section"> |
|
<h4>时间区间</h4> |
|
<div> |
|
<x-timepicker type="timerange" :value="['2018-01-01 05:00:06', '2018-01-01 06:00: 06']"></x-timepicker> |
|
</div> |
|
</section> |
|
|
|
</div> |
|
</template> |
|
|
|
<script> |
|
import { xTimepicker } from '../src/index' |
|
|
|
|
|
export default { |
|
name: 'app', |
|
components: { xTimepicker }, |
|
methods: { |
|
timeChange (d, d1) { |
|
console.log(d, d1) |
|
} |
|
} |
|
} |
|
</script>
|
|
|