EOS Low-Code Platform 8 EOS Low-Code Platform 8
产品简介
学习指南
更新说明
安装与集成
上线指南
初见EOS
低代码开发手册
专业代码开发手册
专题场景实战
公共服务框架
应用运行治理
运维指南
  • PmDatetimeRange
  • 基础用法
  • Attributes

# PmDatetimeRange

支持快速选择从当前时间开始到之前的一段时间

# 基础用法

image-20241223163707102

# 向前计算时间

[ null, null ]

向前计算时间

<template>
  <PmDatetimeRange
  :begin.sync="timeRange[0]" 
  :end.sync="timeRange[1]"
  format="YYYY-MM-DD HH:mm"
  type="before"
  />
  <p>{{timeRange}}</p>
</template>
<script>
  export default {
    data(){
      return {
        timeRange: [null,null]
      }
    }
  }
</script>
显示代码 复制代码 复制代码

# 向后计算时间

image-20241223163739918

[ null, null ]

向后计算时间

<template>
  <PmDatetimeRange 
  :begin.sync="timeRange[0]" 
  :end.sync="timeRange[1]"
  format="YYYY-MM-DD HH:mm"
  type="after"
  />
  <p>{{timeRange}}</p>
</template>
<script>
  export default {
    data(){
      return {
        timeRange: [null,null]
      }
    }
  }
</script>
显示代码 复制代码 复制代码

# Attributes

参数 说明 类型 可选值 默认值
begin 开始时间, 支持.sync修饰符 string - -
end 结束时间, 支持.sync修饰符 string - -
format 时间格式化 string - YYYY-MM-DD HH:mm:ss
type 选择时间的方向 string before / after before

← cascader 联级选择 field 动态绑定属性 →