问题标签 [angular-ui-datepicker]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
0 回答
405 浏览

jquery - 对于平板电脑,ui-bootstrap datepicker 弹出窗口在选择日期后未关闭

这是我正在使用的日期选择器的 HTML 标记。当我从弹出窗口中选择日期时,弹出窗口应该关闭,但这不起作用。当我添加datepicker-append-to-body="true"属性时,它可以工作,但没有这个属性,日期选择器弹出窗口在选择日期后不会关闭。我不想指定此属性,因为我在模态中显示 datepicker,并且我不希望 datepicker 在模态打开时随正文滚动。

我尝试了像为changeDate添加一个eventListener这样的解决方案,

但这不起作用,它没有在听事件。我也尝试过这样的事情,

但这似乎也不起作用。将 autoclose 属性设置为 true 也不起作用。

有人可以帮忙吗?我尝试了几个解决方案,但它们不起作用。

0 投票
1 回答
634 浏览

angular-ui-bootstrap - 将 uib-datepicker 限制为一年

如何将 uib-datepicker 修复为仅一年。(仅说当年)。

我尝试搜索,但我能找到的只是将日历限制为仅年份模式。我尝试year:2016 在 datepicker-options 中进行设置,但没有成功。

有什么建议么 ???

0 投票
1 回答
653 浏览

javascript - 如何防止使同一时间与时刻

申请的目的是在当天举办活动,效果很好。同时,用户可以使事件在同一时间段内已经存在。

如果存在,是否有任何快速选项可以防止同时发生事件?

演示:http ://plnkr.co/edit/k450PRyeG8c2vIxnrCYV?p=preview

我认为Timepicker应该设置minmax

并且每次更新。

0 投票
1 回答
2997 浏览

angularjs - Angular UI Bootstrap Datetimepicker 与秒

我想在 angularjs 控制器中获取引导 datetimepicker 输入值。我正在使用以下自定义指令来实现这一点。但我得到的价值是未定义的。我添加了与 html 相关的代码和与问题相关的 Angular 代码。

HTML

JS

0 投票
1 回答
1541 浏览

angularjs - 带有 ui-grid 问题的 ui-datepicker

我正在尝试更新 ui-grid 中的 editableCellTemplate 以包含 ui-datepicker,因此我将允许用户有可能使用 firefox 或 IE 选择日期,但没有成功。这是我正在尝试做的事情,使用editableCellTemplate: '<div style="display:inline-block; min-height:290px; position:absolute;"><div uib-datepicker class="well well-sm" datepicker-options="dateOptions" ng-focus="open()" style="background-color: #f5f5f5; border: 1px solid #e3e3e3; border-radius: 0; padding: 8px;" >'

0 投票
0 回答
508 浏览

datepicker - 如何在一个月内仅启用特定日期并使用角度 UIB 日期选择器禁用所有其他日期

我在我的项目中使用角度 UIB 日期选择器,我需要在一个月内启用几个日期,然后禁用所有其他日期。例如,我需要启用这些日期10th jan 201717th jan 201727th jan 2017

现在我可以禁用一个月内的所有日期。所有启用的日期都应以黑色突出显示,并且不应突出显示当前日期。

这是我的 plunker 链接:

https://plnkr.co/edit/1EDNrhPHCaxBQCh4hQwT?p=preview

0 投票
1 回答
969 浏览

angularjs - 如何在 ui 网格编辑 datepicker 中手动输入日期

在下面的链接中提供了一个带有日期选择器(列日期)的 ui 网格。在这里我们不能手动输入日期。请提供在日期选择器中手动输入日期的解决方案

http://plnkr.co/edit/4mNr86cN6wFOLYQ02QND?p=preview

0 投票
2 回答
291 浏览

javascript - 在角度 ui-grid 中向 ui-datepicker 添加 traduction

在这个plunker示例中,有没有办法翻译 angular ui-datepicker 中的按钮。我尝试close-text="{{\'lblClose\' | translate}}" current-text="{{\'lblToday\' | translate}}" clear-text="{{\'lblClear\' | translate}}"像其他 Angular ui-datepicker 一样添加,但它不起作用。任何帮助真的很感激

0 投票
2 回答
158 浏览

angularjs - Angular $compile 导致 Datepicker 弹出框行为不端

更新1:添加更多细节。
更新 2:添加了 plunker 代码以重现问题。请参阅下面的链接。
更新 3:我在 github 上收到了 Angular 团队的回复。在这里检查。
更新 4:应 AngularJS 团队的要求在 github 上发布更新。此外,我之前添加的建议解决方案结果证明它正在创建一个新的视觉问题。请参阅下面的详细信息。
更新 5:从 Angular 团队获得另一个反馈。我认为我们已经接近找到解决方案的 80%。

我在我的项目中实现了Angular UI datepicker,过了一会儿,我注意到当我打开弹出框并单击月份更改为另一个月份时,另一个弹出窗口会显示在现有弹出窗口的顶部。请参阅下面的快照以获取更多详细信息:

在此处输入图像描述

最初,当我单击月份时,当前弹出窗口应该消失,并且应该显示另一个弹出窗口以选择新月份。

但是,当我在该月单击两次(下面以黄色突出显示)时,弹出窗口将消失,并且可以正常工作。但是,在我选择了一个日期之后,问题就会再次出现。

我正在使用来自 angular ui datepicker 官方演示网站的相同示例代码。在下面找到相关网站和 plunker 代码:

http://angular-ui.github.io/bootstrap/versioned-docs/1.3.3/#/datepickerPopup http://plnkr.co/edit/lEgJ9eC9SzBWsgVhhQkq?p=preview

我的代码与上面 plunker 示例中的代码完全相同。唯一的区别是我使用$compile服务来动态添加必填字段验证。

经过广泛的故障排除后,发现该$compile()服务会导致此行为。我做了一些研究,发现该$compile服务还会导致下拉列表或select元素中的重复项。我使用了建议的解决方法,它奏效了。请参见下面的代码:

我使用的原因是在这里$compile使用这种方法将动态验证规则从 DB 添加到元素。

在我得到github 上 Angular 团队的回复后,我发现他们提出了这个修复建议

当我尝试应用建议的修复程序时,我遇到了大量错误。似乎当使用terminal=truethen 时,'ng-init' 下的内部元素中的所有代码都没有执行。我注意到许多范围变量变得“未定义”。

这是github上试图找到解决方案的最后更新。请参见下面的代码:

感谢您在我的项目中以正确的方式应用修复程序的帮助。在此处查看代码的相关部分


我之前发布了一个解决方案,但后来我删除了它。后来我注意到它引起了一个有趣的堆叠效果,比我之前报道的更糟糕。

这是 github 上的更新,包含完整的详细信息:

https://github.com/angular/angular.js/issues/15956#issuecomment-300324812

当我收到 AngularJS 团队的回复时,我会继续更新。

在我找到永久解决方案之前,请耐心等待。


旧建议的解决方案:

为了避免这个问题不能使用$compile服务,或者如果你必须使用这个代码示例来解决这个问题:

希望这对面临同样问题的其他人有价值。

0 投票
1 回答
660 浏览

angularjs - 如何在可重用的自定义指令中设置输入字段验证?

我正在尝试制作一个可重用的自定义指令,以验证输入字段中的日期。下面提供的代码可以正常工作,但是根本不能重用,这是我最担心的。我试图做的是在指令中设置一个新的范围,但是我得到了一个错误:

请求隔离范围的多个指令。

所以我想孤立的范围对我没有帮助。

还有其他解决方案吗?

这是我的第一个模板:

这是我的第二个模板:

这就是我的自定义指令: