Javascript 添加组织的工作时间

如果我选择周日、周一和工作时间从08:00到20:00，我需要发送1&08:00和20:00、2&08:00和20:00。如何在vue javascript中实现同样的功能

我现在的代码是

我的html表单是

我能够通过所有其他值。所以，我没有把它包括在表格里

---

我怎样才能选择日期和工作时间并相应地通过它。请帮我解决相同的问题

我不熟悉vue.js，但您可以尝试以下方法：

   new Vue({
  el: '#example-3',
  data: {
    day:[
    {name:"Sunday",val:1},
    {name:"Monday",val:2}
    ],
    string:''
  },
   methods: {
    generate: function (event) {
    var arr = [];
    this.day.map(function(v,i) {
     console.log(v.selected == true,);
     if(v.selected == true) 
      {
      arr.push(v.val+'&'+v.from+'&'+v.to);
      }
    });
    this.string = arr.join(',');
    }
    }
})

html:

---

演示：

您不知道如何为客户做演示吗？先生，我被困在这个问题上了。。不使用格式1&08:00&20:00你能解释一下格式的逻辑吗？是什么用的，1代表什么？08:00和20:00是什么时间？1代表星期天，2代表星期一。08:00开始时间和20:00结束时间如果您提供一个工作的JSFIDLE，我可能

<div id="submitBox">
  <form method="POST" onSubmit="return false;" data-parsley-validate="true" v-on:submit="handelSubmit($event);">
    <input type="checkbox" value="1" v-model="hours">Sunday
    <select>From
    <option value="">08.00</option>
    <option value="">12.00</option>
    <option value="">20.00</option>
    <option value="">24.00</option>
    </select>
    <select>To
    <option value="">08.00</option>
    <option value="">12.00</option>
    <option value="">20.00</option>
    <option value="">24.00</option>
    </select><br>
    <input type="checkbox" value="2" v-model="hours">Monday
    <select>
    <option value="">08.00</option>
    <option value="">12.00</option>
    <option value="">20.00</option>
    <option value="">24.00</option>
    </select>
    <select>
    <option value="">08.00</option>
    <option value="">12.00</option>
    <option value="">20.00</option>
    <option value="">24.00</option>
    </select><br>
  </form>
</div>

   new Vue({
  el: '#example-3',
  data: {
    day:[
    {name:"Sunday",val:1},
    {name:"Monday",val:2}
    ],
    string:''
  },
   methods: {
    generate: function (event) {
    var arr = [];
    this.day.map(function(v,i) {
     console.log(v.selected == true,);
     if(v.selected == true) 
      {
      arr.push(v.val+'&'+v.from+'&'+v.to);
      }
    });
    this.string = arr.join(',');
    }
    }
})

<div id='example-3'>
  <div v-for="value in day">
    <input type="checkbox" id="sun" value="value.val" v-model="value.selected">
    <label for="sun">{{value.name}}</label>
    <select v-model="value.from">From
      <option value="08.00">08.00</option>
      <option value="12.00">12.00</option>
      <option value="20.00">20.00</option>
      <option value="24.00">24.00</option>
    </select>
    <select v-model="value.to">To
      <option value="08.00">08.00</option>
      <option value="12.00">12.00</option>
      <option value="20.00">20.00</option>
      <option value="24.00">24.00</option>
    </select>
    <br>

  </div>
  <button v-on:click="generate">generate</button>
  <span>string: {{ string }}</span>