Element组件日期选择器回显值到echars的x轴

             

<el-date-picker v-model="indicators" type="velue" start-placeholder="开始日期"

                                        end-placeholder="结束日期" :default-time="['00:00:00', '23:59:59']" format="MM/dd" @change="searchInfo" value-format="MM/dd">

   </el-date-picker>

//value-format="MM/dd"  绑定值的返回的格式 ,在js中使用会这样显示

//format  显示在输入框的格式

                  var start_time = this.velue[0]; //开始日期

                  var end_time = this.velue[1]; //结束日期

                var bd = new Date(start_time);

                var be = new Date(end_time);

                var bd_time = bd.getTime(),

                    be_time = be.getTime(),

                    time_diff = be_time - bd_time;             

                    var d_arr = [];

                for (var i = 0; i <= time_diff; i += 86400000) {

                    var ds = new Date(bd_time + i);

                    var month = ds.getMonth() + 1;

                    var date = ds.getDate();

                    var arr = ['星期六', '星期日', '星期一', '星期二', '星期三', '星期四', '星期五'];

                    var day = ds.getDay();

                    if (month >= 1 && month <= 9) { //月如果小于10就补个0

                        month = "0" + month;

                    }

                    if (date >= 1 && date <= 9) { //日如果小于10就补个0

                        date = "0" + date;

                    }

                    d_arr.push(month + '/' + date + arr[day])

                }

          console.log(d_arr) //echars写在这个方法下面,然后赋值给x轴

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值