vue+elementUI日期选择器实现选择日期，自动对应周几，并且是包含所选择日期的一周的日期

vue+elementUI日期选择器实现选择日期，自动对应周几

 之前在公司的项目里面遇到这个问题，如今想起来在这里总结一下，如果有更好的方法，请各位大神多多指教。

在template里面给选择日期的el-date-picker一个监听事件change，我定义的是toWeek事件，v-show根据自己项目的需求可以根据条件控制显示和隐藏，focus事件是选择日期有焦点的时候，实行一些事件操作

 <div class="block riqi" v-show=see>
    <span class="check-add-del-span">日期</span>
     <el-date-picker
       v-model="gradeDate"
       @focus="riqi"
       type="date"
       placeholder="选择日期"
       format="yyyy年MM月dd日"
       value-format="yyyy-MM-dd"
       @change="toWeek"
       >
     </el-date-picker>
 </div>

在template中写显示日期和对应周几的表格table，我这里用的是elementUI里面的table组件，该组件的prop属性来接收获取到的数据，下面我定义的是label和timez，如下：

<el-table
   :data="timeData"
   style="width: 100%">
   <el-table-column width="80" label="周" fixed="left" prop="label" align="center" :formatter=