如何设置 Angular Timepicker 的最短时间和最长时间?

2023-12-29

有没有办法为 Angular 的引导时间选择器设置最短时间和最长时间?使用 Angular 的 Datepicker 设置支持最小和最大日期,我想知道 Timepicker 是否允许类似的功能。

查看中的设置Timepicker 的 Angular 文档 http://angular-ui.github.io/bootstrap/#/timepicker似乎没有办法做到这一点......但只是想知道是否有人熟悉实现这种行为的方法。预先感谢您的见解/建议!


Edit:

提供有关我正在尝试做的事情的更多背景信息:

我有两个并排的时间选择器。左边的允许用户选择Start时间和右侧的选择器允许用户选择End时间。无论选择哪个开始时间,都应设置结束时间时间选择器的下限,无论选择哪个结束时间,都应设置开始时间时间选择器的上限。


如果验证工作正常,您实际上只需要设置 minTime 或 maxTime,因为一旦您的“开始”时间在“结束”时间之后,“结束”时间也在“开始”时间之前。

我想做的正是你所描述的,并最终编写了一个指令来做到这一点。

我选择“minTime”作为“结束”时间选择器的属性,并将其设置为“开始”时间选择器的模型。然后,该指令会监视两个模型的更改,如果“开始”时间发生变化,则更新 minTime,并根据“开始”是否在“结束”之前设置模型验证。

只要设置了 ng-model,您也可以在 input[time] 元素上使用它。

我一开始尝试通过使用解析器和格式化程序来避免 $watch,但最终没有将模型注册为无效,直到下次我更改它。

这是指令。随意地你想要吗 http://www.wtfpl.net/用它:

directive('minTime', function (){ 
    return {
        require: 'ngModel',
        restrict: 'A',
        link: function(scope, elem, attrs, ctrl) {
            var minTime;

            scope.$watch(attrs.minTime, function(newVal) {
                minTime = newVal;
                validate();
            });

            scope.$watch(attrs.ngModel, validate);

            function validate(value) {
                ctrl.$setValidity('minTime', (minTime < ctrl.$modelValue));
                return value;
            }
        }
    };
})
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

如何设置 Angular Timepicker 的最短时间和最长时间? 的相关文章

随机推荐

  • 单元测试快速路由调用控制器方法?

    我看到一些类似的问题 https stackoverflow com questions 9517880 how does one unit test routes with express 但我的设置略有不同 我无法找出测试它的好方法 我
  • OS X 上的直接排序错误

    在 OS X 10 5 Emacs 23 2 上 在 dired 模式下 如果我尝试排序dired sort toggle or edit带前缀参数 sort extension or X 我得到 insert directory List
  • 如何在 cassandra cql 中对 2 个或更多表进行联接查询

    我是卡桑德拉的新手 这里我有两张桌子EVENTS and TOWER 我需要加入这些来进行一些查询 但我没有能力做到这一点 结构EVENTS table eid int PRIMARY KEY a end tow id text a hom
  • Android Studio Designer 显示小部件和片段的方式与我的手机不同

    我在 Android Studio 设计器和手机中显示项目时遇到问题 第一个问题是小部件和片段在设计器 模拟器中的显示与在我的手机上的显示不同 我尝试降低设计器中的分辨率来测试其他设备分辨率 但尽管分辨率相对相同 但它在我的手机上的显示效果
  • 德尔福 UUID 生成器

    Delphi 有内置的东西来生成 UUID 吗 program Guid APPTYPE CONSOLE uses SysUtils var Uid TGuid Result HResult begin Result CreateGuid
  • 如何从 Flash 中的 MovieClips 获取多边形?

    我有一个动作脚本 可以读取 swf 并浏览其中的影片剪辑 影片剪辑应该是简单的形状 我想将这些影片剪辑中的数据转换为多边形 换句话说 我想要一系列代表影片剪辑上的形状的坐标 没有简单的方法可以做到这一点 将形状绘制到舞台上后 您可以访问的唯
  • OSX/Linux,减慢终端的输出[关闭]

    Closed 这个问题是无关 help closed questions 目前不接受答案 我正在打印一个长文本文件 该文件在屏幕上滚动得非常快 有没有办法减慢滚动速度 换句话说 是否有一个系统设置可以控制输出显示到屏幕上的速度 OSX Li
  • 如何解析方法声明?

    我正在尝试解析方法声明 基本上我需要获取接收者基本类型的语法节点 type hello 和返回类型 notype and error The ast包看起来很简单 但由于某种原因我没有得到我需要的数据 即字段报告为零 唯一有用的数据似乎仅在
  • OSX 上的 JavaFX 屏幕捕获无头异常

    我正在将旧的 java 应用程序从 swing 转换为 javafx 但遇到了问题 我使用以下代码来捕获屏幕截图 public ScreenCapper ge GraphicsEnvironment getLocalGraphicsEnvi
  • HtmlUnit 和片段标识

    我目前想知道如何处理片段标识 我想要从中获取信息的链接包含片段标识 看起来 HtmlUnit 正在丢弃我的 url 的 db4mj 因此加载原始 url 有谁知道处理片段身份的方法吗 如果需要 我可以发布示例代码来进一步解释 EDIT 由于
  • 在 Redux Thunk 中使用 getState 是一个好的实践吗?

    我在其他问题中看到了关于是否使用的相互矛盾的 或者对我来说只是令人困惑的 答案getState在一个动作中是可以接受的 也可以是不可以接受的 我已经好几次看到它被称为反模式 对我来说 它似乎工作得很好 但如果我们不使用的话 这样做的最佳实践
  • 如何在 Java AWT 和/或 Swing 中更改光标图像?

    I m making a simple graphics editor i e a paint program I am not planning on anything fancy but I do want my program to
  • Laravel 返回带有旧输入的页面进行验证

    对于更新个人资料页面 我使用路线作为 Route get editdriver data DriverController EditDriver 在我使用验证后的控制器中 return Redirect to editdriver data
  • 如何使用 JavaScript 只允许字母数字字符

    一直在玩 JavaScript 我想做的就是只允许密码字段中的某些字符 a z A Z 和 0 9
  • HTML 阻止空格键滚动页面

    我正在使用代码 window onkeydown function e return e keyCode 32 这正是我想要的 当按下空格键时停止页面滚动 但是 它也会阻止用户在文本框中键入空格 有没有办法在打字时防止空格键滚动并保留空格键
  • .NET DDD 示例 [关闭]

    就目前情况而言 这个问题不太适合我们的问答形式 我们希望答案得到事实 参考资料或专业知识的支持 但这个问题可能会引发辩论 争论 民意调查或扩展讨论 如果您觉得这个问题可以改进并可能重新开放 访问帮助中心 help reopen questi
  • 您使用哪些 Python 重构工具? [关闭]

    Closed 此问题正在寻求书籍 工具 软件库等的推荐 不满足堆栈溢出指南 help closed questions 目前不接受答案 我有很多类想要重命名 其中一些名称很小 并且该名称在其他类名称中重复使用 我不希望更改该名称 其中大部分
  • GitHub Action:如何在 docker 容器内运行命令

    今天刚开始学习CI CD 今天不知道 docker 之前是什么 我能够通过我的 Unity 项目在 CircleCI 上运行 CD 所有运行命令都发生在 docker 容器内 version 2 1 executors unity dock
  • 修复 HTML 视频元素的黑色矩形

    我正在实施 WebRTC 视频聊天 我想实现以下案例 默认情况下 视频元素通过 CSS 具有背景图像 如果没有视频输入 则用户会看到他 或对话者 的头像 No video expected result No video actual re
  • 如何设置 Angular Timepicker 的最短时间和最长时间?

    有没有办法为 Angular 的引导时间选择器设置最短时间和最长时间 使用 Angular 的 Datepicker 设置支持最小和最大日期 我想知道 Timepicker 是否允许类似的功能 查看中的设置Timepicker 的 Angu