iview DatePicker 结束时间改为23:59:59

关注

原创最新推荐文章于 2026-06-01 14:16:44 发布 2.1k 阅读 AI 写同款· GEO 优化 ›

iview3-date-range:iview的日期选择控件，做了日期范围的限制，可自定义可选的间隔2个与、3个月等 vue-iview-ui 命令 yarn build rollup -c 使用 DateRange 组件目录 demo 使用方法 src 组件源码 dist 打包出来，可以直接使用的文件立即下载

<DatePicker type="datetimerange"
            ref="DatePicker"
            v-model="formInline.searchTime"
            format="yyyy-MM-dd HH:mm:ss"
            placeholder="请选择查询时间范围"
            :transfer=true
            @on-change="timeChange"
            style="width: 100%"></DatePicker>

// vue methods
timeChange(time) {
	if(time.length && time[0] && time[1]) {
	    // 没有选择时间就默认23:59:59
	    if(this.DateUtil.format(new Date(this.formInline.searchTime[1]), 'yyyy-MM-dd hh:mm:ss').slice(-8) === '00:00:00') {
	        this.formInline.searchTime[1] = new Date(this.DateUtil.format(new Date(this.formInline.searchTime[1]), 'yyyy-MM-dd') + ' 23:59:59');
	    }
	    this.formInline.startTime = this.DateUtil.format(new Date(this.formInline.searchTime[0]), 'yyyy-MM-dd hh:mm:ss');
	    this.formInline.endTime = this.DateUtil.format(new Date(this.formInline.searchTime[1]), 'yyyy-MM-dd hh:mm:ss');
	} else {
	    this.formInline.startTime = '';
	    this.formInline.endTime = '';
	}
	this.$refs['DatePicker'].internalValue = this.formInline.searchTime;
},