0
点赞
收藏
分享

微信扫一扫

veu中时间转换----element-UI上Date-Picker时间控件

开源GIS定制化开发方案 2022-05-04 阅读 55

veu中时间转换

如果 this.startTime 为2020-09-20
则 new Date(this.startTime) // Sun Sep 20 2020 08:00:00 GMT+0800 (中国标准时间)
则 new Date(this.startTime).getTime() // 时间戳 1600560000000

element-UI上Date-Picker时间控件

<el-form-item label="工程起期"
                              required>
                  <el-form-item prop="projectStartTime">
                    <el-date-picker class="lzy_input"
                                    @change="projectSelectDate"
                                    v-model="projectForm.projectStartTime"
                                    :picker-options="pickerProjectOptions0"
                                    type="date"
                                    @blur="lostStart"
                                    placeholder="请选择工程起始日期"> </el-date-picker>
                  </el-form-item>
                </el-form-item>
                <el-form-item label="工程止期"
                              class="marginR"
                              required>
                  <el-form-item prop="projectEndTime">
                    <el-date-picker class="lzy_input"
                                    @change="projectSelectDate1"
                                    v-model="projectForm.projectEndTime"
                                    :picker-options="pickerProjectOptions1"
                                    type="date"
                                    :disabled="projectForm.endCannot"
                                    placeholder="请选择工程终止日期"> </el-date-picker>
                  </el-form-item>
                </el-form-item>
data(){
	return{
	  pickerProjectOptions0: {
        disabledDate(time) {
          return time.getTime() < Date.now()	//true,禁用的是选择的(如19号)之前的日期
        },
      },
      pickerProjectOptions1: {
        disabledDate: (time) => {
          // return time.getTime() > Date.now()	//false
          //将起始日期转化为时间戳
          const curDate = new Date(this.projectForm.projectStartTime).getTime()	
          const day = 364 * 24 * 3600 * 1000	//将364天转化为毫秒数
          const dateRegion = curDate + day		//可选范围起始日期之后的364天内
          return (
            time.getTime() < curDate - 8.64e7 || time.getTime() > dateRegion //8.64e7表示可选择当天时间;工程起期若为19号,则是19号是否可选;若不减去8.64e7则是不可选,若-8.64e7则表示19号可选;19号可选则会多一天,所以要从尾巴上减去一天,365-1=364天。
          )
        },
      },
	}
}    
举报

相关推荐

element ui时间格式转换

0 条评论