element plus 日期选择器

关键因素XFactor

已于 2023-08-16 15:21:42 修改

阅读量411

点赞数 1

分类专栏： Element 文章标签： elementui

于 2023-07-21 10:49:22 首次发布

本文链接：https://blog.csdn.net/weixin_52923266/article/details/131846393

版权

Element 专栏收录该内容

3 篇文章 0 订阅

订阅专栏

计算开始日期到结束日期的总天数

结构

<el-form-item label="计划开始时间" required prop="StartTime">
   <el-date-picker
      type="date"
      v-model="ruleForm.StartTime"
      :disabled-date="StartTime"
      placeholder="计划开始时间" />
</el-form-item>
<el-form-item label="计划结束时间" required prop="EndTime">
    <el-date-picker
       type="date"
       v-model="ruleForm.EndTime"
       :disabled-date="EndTime"
       placeholder="计划结束时间" />
</el-form-item>

逻辑

const StartTime= (time) => {
    return time < ruleForm.StartTime
}
const EndTime= (time) => {
  if (ruleForm.EndTime) {
    return time > ruleForm.EndTime
  }
}
ruleForm.TotalDays = computed(() => {
  return Math.ceil((new Date(ruleForm.EndTime).getTime() - new Date(ruleForm.StartTime).getTime()) / (1000 * 60 * 60 * 24))
})