一笑解千愁

应该是的，在nuxt项目中在模板中引入`import Calendar from 'vue-calendar-component';`的时候，报了document is not defined，源文件并没有用到document，报错指向的就是index.js`node_modules\.2.6.1@vue-calendar-component\index.js`上不了图，图片上传老是失败

那我如果选了三个月的时间，那要传90个日期么，难道要用户选90次么，那显然是不合理的，后台录入也不方便。更合理的是返回一个数组["2018-12-01","2018-12-04"],或者一个对象{startTime:'2018-12-1',endTime:'2018-12-30'},这样前后端处理起来都方便

可以设置一个临时变量来储存用户选择的值，如果用户设置的是时间区间，则在选择第二个时间的时候再向外触发choseDay事件。我已经在外面又封装了一层，已经实现了功能。你这个组件很好的一点就是可塑性很强。^。^

> > 可以设置一个临时变量来储存用户选择的值，如果用户设置的是时间区间，则在选择第二个时间的时候再向外触发choseDay事件。我已经在外面又封装了一层，已经实现了功能。你这个组件很好的一点就是可塑性很强。^。^ > > 区间选择具体怎么做的？ 他这个日历面板显示和隐藏是用户自己控制的，而且可以拿到点击后的日期。我现在做得的是在外面封装一层，点击第一次的时候把选中的日期存到数组中，再点击第二次的时候再存到数组中，然后才关闭面板。当然这里有很多细节需要处理，比如，开始时间大于结束时间，你需要自己排个序。现在是选中第一个时间有选中效果，选中第二个后就直接关闭面版了，如果要给第二个时间加选中效果的话，还得改下源码

> > 可以设置一个临时变量来储存用户选择的值，如果用户设置的是时间区间，则在选择第二个时间的时候再向外触发choseDay事件。我已经在外面又封装了一层，已经实现了功能。你这个组件很好的一点就是可塑性很强。^。^ > > 区间选择具体怎么做的？ 我刚刚看他api上有标注日期的功能，应该能满足，你可以研究一下

下个版本啥时候发.....


```ts interface SearchFunc { (source: string, subString: string): boolean; } let mySearch: SearchFunc; mySearch = function(source: string, subString: string) { return source.search(subString) !== -1; } ``` 既然接口定义已经说明了函数参数的类型，那么 mySearch 在赋值的时候 `function(source:string,subSting:string)`又定义了一次...

可以看看这个 https://www.colabug.com/2020/0601/7416787/

这个我试了下，只有`npm run build`的时候才会吧shell里面的东西加载到 index.html 中，`npm run dev` 不会自动加载，可以手动将 shell.html 里的内容复制出来替换 index.html中的 重启下 `npm run dev` 就可以看效果了