<div id="app">

<date-picker type="date" :options="options4" format="yyyy/MM/dd" placeholder="选择时间" style="width: 200px" v-model="TableInfo.F_FoShiDate" ></date-picker>

</div>

vm = new Vue({

        el: '#app',

        data() {

            return {

                options4: {

                    //设置不可选日期

                    disabledDate(date) {

                       var myDate = new Date();

                        myDate.setDate(myDate.getDate() + 7);

                        var disables = date && date.valueOf() < myDate;

                        //设置后七天往前的时间都不可选

                        if (disables) {

                            const disabledDay = date.getDate();

                            return disabledDay === disabledDay;

                        } else {

                            //七天后的日期中，某些日期也不可选

                            var FaHuiListStr = '@ViewBag.FaHuiList';

                            if (FaHuiListStr.length > 3) {

                                FaHuiListStr = FaHuiListStr.replace(/&#39;/g, '"');

                                var FaHuiList = JSON.parse(FaHuiListStr);

                                for (var i = 0; i < FaHuiList.length; i++) {

                                    if (date.valueOf() >= new Date(FaHuiList[i].F_FaHuiStartDate).getTime() && date.valueOf() <= new Date(FaHuiList[i].F_FaHuiEndDate).getTime()) {

                                        const disabledDay = date.getDate();

                                        return disabledDay === disabledDay;

                                    }

                                }

                            }

                        }

                    }

                },

                 TableInfo: {

                         realname: '',

                         F_Type: '',

                         F_FoShiDate: '',

                         F_FoShiDateTemp: '', //用户修改页面 记录原先选中日期

                         F_Cause: '',

                         F_MasterCount: 0,

                         F_Money: 0,

                         F_ContentType: '',

                         F_Contacts: '',

                         F_ZhiFuLuWei: '',

                         F_Remarks: '',

                         F_FoShiTime: '',

                     },

            }

    }

});