<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>