vue element ui 时间选择器查找两个日期之间所有天

最新推荐文章于 2024-09-23 09:59:57 发布

南姗

最新推荐文章于 2024-09-23 09:59:57 发布

阅读量1k

点赞数

分类专栏：前端文章标签： vue.js ui javascript

本文链接：https://blog.csdn.net/weixin_43776272/article/details/126389266

版权

Vue.js Element UI 时间选择器 daterange 日期遍历

关键词由CSDN通过智能技术生成

前端专栏收录该内容

5 篇文章 0 订阅

订阅专栏

vue element ui 时间选择器查找两个日期之间所有天

<el-form-item label="选择时间">//时间选择器
            <el-date-picker
            v-model="changeTime"
            type="daterange"
            align="right"
            unlink-panels
            range-separator="至"
            start-placeholder="开始日期"
            end-placeholder="结束日期"
            :picker-options="pickerOptions">
          </el-date-picker>
          </el-form-item>

getdate(){
var start=new Date(this.changeTime[0]);
          var day;
          while(start<=this.changeTime[1]){
            console.log(start.getDate())
            if(start.getDate()<10){
              day='0'+start.getDate().toString()
            }else {
              day=start.getDate().toString()
            }
            var month =start.getMonth()+1;
            var date=[];
            var startTime=start.getFullYear()+"年"+(month < 10 ? '0' + month : '' + month)+"月"+day+"日";
            date.push(startTime);
            start.setDate(start.getDate()+1);
            }