美文网首页
引用elementUI的date-picker endtime处

引用elementUI的date-picker endtime处

作者: hsqin | 来源:发表于2019-12-12 11:33 被阅读0次

    最近使用date-picker组件的时候,结束日期默认也是00:00:00,想改成23:59:59

    比如选择了 10月1日---10月5日,(想搜索包括10.5当天的数据)

    • 默认引入,结束日期是 10月5日0点0分,但是我想要的是10月5日23点59分59秒
    <el-date-picker
          v-model="searchTime"
          type="daterange"
          start-placeholder="开始日期"
          end-placeholder="结束日期"
        </el-date-picker>
    
    // 在js中单独处理下结束日期,加上一天的时间
    let tmpEndTime = (that.searchTime&&that.searchTime[1])?that.searchTime[1].getTime()+24 * 60 * 60 * 1000:'';
            
    
    • 优化引入,设置default-time即可
    <el-date-picker
          v-model="searchTime"
          type="daterange"
          start-placeholder="开始日期"
          end-placeholder="结束日期"
          :default-time="['00:00:00', '23:59:59']">
        </el-date-picker>
    

    所以,还是要多看api

    相关文章

      网友评论

          本文标题:引用elementUI的date-picker endtime处

          本文链接:https://www.haomeiwen.com/subject/csnzgctx.html