ivew组件<Date-picker>(使用遇到的坑)-----1

50 篇文章 0 订阅
  1. 我在一个客户端嵌的web页面中遇到过这个问题:只使用了@on-change,删掉了 v-model=“query.beginTime”,导致日期在选日期时才能被赋值,遗漏了日期默认的显示日期。
  2. 因为在点击查询按钮时,日期格式可能是ZT的时间格式,所以在提交时统一处理时间格式,而不需要在@on-change时去处理(因为在@on-change处理会遗漏不触发change事件时的默认的显示日期)
<Date-picker
   tabindex="-1"
     type="datetime" 
     :options="startOptions" 
     placeholder="选择日期" 
     v-model="query.beginTime"
     @on-change="selectBeginTime"
 ></Date-picker> 

统一在search时转化时间格式:
//注意一定要在val存在时处理,否则会出现:(当不选时间时,val=“”,最后时间格式被转成NAN-NAN-NAN NAN:NAN:NAN)

 search(){
      this.query.beginTime = this.famate(this.query.beginTime)
       this.query.endTime = this.famate(this.query.endTime)
       
       this.$globalBus.$emit('tableQuery',this.query)
   },
 famate(val){  
      if(val){   //注意一定要在val存在时处理,否则会出现:(当不选时间时,val=“”,最后时间格式被转成NAN-NAN-NAN NAN:NAN:NAN)
          let date = new Date(val)
          let y=date.getFullYear()
          let mon=date.getMonth()+1
          mon=mon>=10?mon:"0"+mon
          let d=date.getDate()
          d=d>=10?d:"0"+d
          let h=date.getHours()
          h=h>=10?h:"0"+h
          let m=date.getMinutes()
          m=m>=10?m:"0"+m
          let s=date.getSeconds()
          s=s>=10?s:"0"+s
          return y+"-"+mon+"-"+d+" "+h+":"+m+":"+s
      }else{
          return ""
      }   
  },
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值