开发者社区> 问答> 正文

日期组件

如何让一个日期组件只能选择另外一个日期组件之后的任意时间

展开
收起
游客jpbrn27dy342s 2023-12-05 09:47:04 126 0
来自:钉钉宜搭
4 条回答
写回答
取消 提交回答
  • 十年摸盘键,代码未曾试。 今日码示君,谁有上云事。

    可以通过写 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;  }

    配置好了之后,只能选择七天内的时间,效果如图:

    以上仅供参考,具体请结合自己实际情况修改代码。

    2023-12-06 16:32:26
    赞同 1 展开评论 打赏
  • 面对过去,不要迷离;面对未来,不必彷徨;活在今天,你只要把自己完全展示给别人看。

    在钉钉宜搭中,如果你想让一个日期组件只能选择另外一个日期组件之后的任意时间,你可以利用校验规则来实现。具体来说,可以设置一个校验公式,使得日期1必须大于日期2。这样就能确保用户在选择第一个日期组件时,其可选的时间段不会早于第二个日期组件所选的时间点之后。

    2023-12-05 13:32:58
    赞同 展开评论 打赏
  • 若回答对您有帮助,记得点下赞同哦~

    你好日期可选区间限制可以参考一下这个文档:https://www.yuque.com/yida/subject/fwsxzuageg8bttlp

    2023-12-05 10:00:59
    赞同 1 展开评论 打赏
  • 日期组件在各类应用中都得到了广泛的应用,它们可以帮助用户方便地选择日期和时间

    2023-12-05 10:01:01
    赞同 展开评论 打赏
问答分类:
问答地址:
关联地址:
来源圈子
更多
收录在圈子:
+ 订阅
「宜搭」是云钉原生低代码平台(钉钉 PaaS - aPaaS),让企业应用搭建更简单! 帮助中小企业降本提效,加强组织的数字化自主权; 帮助大型企业释放个体创新力,助力组织创新涌现。
问答排行榜
最热
最新

相关电子书

更多
低代码开发师(初级)实战教程 立即下载
冬季实战营第三期:MySQL数据库进阶实战 立即下载
阿里巴巴DevOps 最佳实践手册 立即下载