tongchenkeji 发表于:2023-12-5 9:47:040次点击 已关注取消关注 关注 私信 日期组件[阿里云] 暂停朗读为您朗读 如何让一个日期组件只能选择另外一个日期组件之后的任意时间 「点点赞赏,手留余香」 赞赏 还没有人赞赏,快来当第一个赞赏的人吧! 海报 阿里云# 宜搭144
飞云觅宙AM 2023-12-21 8:32:45 1 可以通过写 JS 的方式,用高级功能自定义区间配置实现只能选择指定时间段内的时间,适用于预约、处理特殊业务等场景。 路径:属性 >> 可选时间区间 >> 选择自定义 >> 绑定动作 绑定动作: 我们可以绑定一个自定义动作, 固定允许选择的时间范围,示例动作如下 (只能选择 7 天之内的日期)。 具体配置如下: 1)点击绑定动作后,会出现以下界面,参考截图的步骤。 点击确定后会出现一下界面,参考截图的步骤: 删除后,可以把下面的代码复制到 JS 界面,然后点击保存,参考截图的步骤: 以下代码可以参考使用(可复制) export function disabledDate(current) { // 判断是未来7天(不包含当天)的日期 if (current < Date.now() + 24 * 3600 * 1000 * 7 && current >Date.now()) { // 这里返回 false 代表不执行disable逻辑,可被选择 return false; } // 这里返回 true 代表执行disable逻辑,不可被选择 return true; } 配置好了之后,只能选择七天内的时间,效果如图: 以上仅供参考,具体请结合自己实际情况修改代码。
小周sirAM 2023-12-21 8:32:45 2 在钉钉宜搭中,如果你想让一个日期组件只能选择另外一个日期组件之后的任意时间,你可以利用校验规则来实现。具体来说,可以设置一个校验公式,使得日期1必须大于日期2。这样就能确保用户在选择第一个日期组件时,其可选的时间段不会早于第二个日期组件所选的时间点之后。
SuHaoAM 2023-12-21 8:32:45 3 你好日期可选区间限制可以参考一下这个文档:https://www.yuque.com/yida/subject/fwsxzuageg8bttlp
可以通过写 JS 的方式,用高级功能自定义区间配置实现只能选择指定时间段内的时间,适用于预约、处理特殊业务等场景。
路径:属性 >> 可选时间区间 >> 选择自定义 >> 绑定动作
绑定动作:
我们可以绑定一个自定义动作, 固定允许选择的时间范围,示例动作如下 (只能选择 7 天之内的日期)。
具体配置如下:
1)点击绑定动作后,会出现以下界面,参考截图的步骤。
点击确定后会出现一下界面,参考截图的步骤:
删除后,可以把下面的代码复制到 JS 界面,然后点击保存,参考截图的步骤:
以下代码可以参考使用(可复制)
export function disabledDate(current) { // 判断是未来7天(不包含当天)的日期 if (current < Date.now() + 24 * 3600 * 1000 * 7 && current >Date.now()) { // 这里返回 false 代表不执行disable逻辑,可被选择 return false; } // 这里返回 true 代表执行disable逻辑,不可被选择 return true; }
配置好了之后,只能选择七天内的时间,效果如图:
以上仅供参考,具体请结合自己实际情况修改代码。
在钉钉宜搭中,如果你想让一个日期组件只能选择另外一个日期组件之后的任意时间,你可以利用校验规则来实现。具体来说,可以设置一个校验公式,使得日期1必须大于日期2。这样就能确保用户在选择第一个日期组件时,其可选的时间段不会早于第二个日期组件所选的时间点之后。
你好日期可选区间限制可以参考一下这个文档:https://www.yuque.com/yida/subject/fwsxzuageg8bttlp
日期组件在各类应用中都得到了广泛的应用,它们可以帮助用户方便地选择日期和时间