Vue2 timepicker：API的默认值

如何解决Vue2 timepicker：API的默认值

我正在使用vue2 timepicker构建一个简单的应用程序。我知道如何在vue js中设置开始时间和结束时间的默认值。

 <li v-for="day in myDayArray" v-bind:key=day>
    <div>
    <label> {{day.Day }} : </label>
    <vue-timepicker class="timepicker" v-model="day.starttime" format="HH:mm" placeholder="Start Time" :minute-interval="30"></vue-timepicker>
     <span> To </span>
    <vue-timepicker class="timepicker" v-model="day.endtime" format="HH:mm" placeholder="End Time" :minute-interval="30"></vue-timepicker>  
    </div>
 </li>

默认值在这里-

data: function() {
    return {
      myDayArray: [
        {
          Day: "Monday",starttime: {
            HH: '15',mm: '30'
          },endtime: {
            HH: '21',mm: '00'
          }
        },{
          Day: "Tuesday",{
          Day: "Wednesday",{
          Day: "Thursday",{
          Day: "Friday",{
          Day: "Saturday",{
          Day: "Sunday",mm: '00'
          }
        }]

如果用户更改开始时间和结束时间，我会将其保存在数据库中以供用户使用。下次，如何在开始时间和结束时间中显示这些值，而不是最初设置的默认值？换句话说，如何在后端数据库的vue2 timepicker中设置默认值？

预先感谢您的帮助。