美文网首页
引用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