Web Demo Mobile Demo Angular Demo Vue Demo React Demo

日期时间微调 DateTimeSpinner

源代码
<template>
  <div>
		<h2>Basic DateTimeSpinner</h2>
		<div style="margin-bottom:20px">
			<Label for="t1">Start:</Label>
			<DateTimeSpinner inputId="t1" v-model="time1"></DateTimeSpinner>
		</div>
		<div style="margin-bottom:20px">
			<Label for="t2">End:</Label>
			<DateTimeSpinner inputId="t2" v-model="time2"></DateTimeSpinner>
		</div>
		<p>Start: {{time1}}, End: {{time2}}</p>
  </div>
</template>

<script>
export default {
  data() {
    return {
      time1: "08/01/2017 01:20",
      time2: "10/24/2017 15:50"
    };
  }
};
</script>