问题标签 [angular-ui-datepicker]

我正在寻找一种使用 uib-datepicker 和某种掩码用于用户输入的方法，但 uib-mask 不适合与 js Date() 类型一起使用。

在默认的 uib-datepicker 示例中，用户必须输入正确且完整的日期，例如“2016 年 2 月 26 日”，包括“/”字符，但我希望用户在输入时只输入数字。

我一直在使用 Angular-ui-bootstrap 中的 ui-datepicker，但是每次使用它时，我都需要设置它，就像我每次做的一样。所以我想知道是否可以创建一个名为 custom-datepicker 的指令，我可以像这样使用

这样我就可以在指令中设置一次，然后在我的网站上到处重复使用它。

我试图创建一个像下面这样的指令

我也在尝试使用模板，这样我就可以围绕它做一些自定义的 html 包装器。到目前为止，除了来自的示例 html 之外，我什么都没有

模板HTML

在模板 html 中，我试图通过执行 ng-mode='ngModel' 在 datepicker 的 ng-model 中绑定我的指令的输入模型，我认为这不是正确的方法。

我像这样在我的 html 页面中使用我的指令，其中数据是 JS 日期对象

这可以做到吗？

我正在使用带有 Angular 1.4.9 的 JqueryUI datepicker(1.0.0) 指令来显示出生日期。此字段不是必需的，除非已填写，否则不应验证。

页面加载后，该字段将被验证为 true（如预期的那样）。一旦用户选择了一个日期，它就再次有效。但是，如果我们要手动擦除该字段，该字段将变为无效。

ng-model前后可以设置为相同的值，但该值仍然无效。

我创建了一个 JSFiddle 来复制这里的问题。 https://jsfiddle.net/nipuna777/ctsmuv80/

我正在尝试实现 Datepicker 弹出窗口。我正在使用入门页面上的示例，如Here所示。当我单击日历图标时，弹出窗口显示但没有日期，只有左右箭头，我收到此错误。

我还没有测试所有其他指令，但我尝试过的所有指令（工具提示、轮播等）都有效。

这是我在文档中使用的标记：

这是我从文档站点使用的 JS：

这是控制台错误：

我想将 Angular UI Datepicker 限制在作为变量传入的两个日期之间。这是解决此问题的有效方法： http ://plnkr.co/edit/zsjpoVZtHqJLIP2RW6vm?p=preview

这里是变量：

我的实际最大日期将是 mymaxmonth 的末尾，所以在这种情况下：'2016-05-31'

需要注意的一件事是，运行它会new Date()返回一个日期，即给定日期的前一天。例如：

$scope.minDate 在哪里返回Wed Mar 30 2016 17:00:00 GMT-0700 (PDT)我查找了它返回 3 月 30 日而不是 4 月 1 日的原因，这似乎是一个时区错误？

我想将 mymindate 设置为 '2016-04-01' 并获取 mymaxdate = '2016-05-31' 并禁用此范围之外的所有日期。我特别想弄清楚如何到月底。javascript中有一些 endofmonth() 函数吗？

在控制器中我有：

在模板中我有：

我遇到了一个问题，尽管输入框中有输入，但 ng-message 正在闪烁“必需”错误消息。发生的情况是，它在屏幕上非常短暂地闪烁错误消息：“此字段是必需的（全部大写以使其更容易看到它闪烁！）”在它立即消失之前在屏幕上。对大写感到抱歉，但我想让消息在消失之前更容易看到。

这是我的 plunker 的链接。请输入任何输入，然后单击页面上的其他位置，以使输入字段失去焦点。 请注意，红色的错误信息会短暂闪烁然后消失。如果您没有注意到消息快速闪烁，则必须再次重新加载页面才能看到它再次发生。

为什么会这样？我相信它与 ui-date 有关，因为我无法在没有 ui-date 的情况下复制问题。

这是代码片段：

谢谢你的帮助。

我的网站上有一个 angular-ui 日期选择器，它允许用户选择交货日期。我正在禁用过去和所有星期日的所有日期。

这工作正常，用户无法按预期选择禁用日期，因此控件永远不会无效。

当您在选择的日期过去后去编辑订单时，问题就来了。模型上的原始日期在 datepicker 中被选中，即使日期被禁用并且表单也不会提交，因为 datepicker 可能在内部设置了 $invalid 并且我的表单控制器不允许提交无效的表单。

该文档根本没有讨论任何验证器，我需要一种方法来关闭它们（用户不能手动选择禁用日期应该足够了）或解决这个问题。

任何帮助将不胜感激。

我在我的项目中使用 Angular UI Bootstrap datepicker 指令。我有这个特定的需求，比如我只需要从当天开始启用 5 天。如果是周末，我需要禁用它们并启用剩余的日子。例如，如果今天是星期五，我需要启用 fri, mon, tue, web, thurs。我正在使用 dateDisabled 属性来实现这一点。问题是所有过去一个月的日期也都被启用了。另外我认为我提出的解决方案并不优雅。下面是我的标记和代码。请帮助我。先感谢您。

我正在尝试使用最新的 angular 1.5.8、jQuery 3 和 jQuery UI 1.12 版本以及 angular ui date 1.0.1。

这些版本在 chrome / firefox 中结合使用很好。但现在看来，在 IE11 中，日期选择器在选择日期后会不断重新打开。

一个失败示例的非常基本的小提琴： https ://jsfiddle.net/37zt9pj7/

示例中的 HTML 代码：

和角度模块：

我已经尝试了许多修复以前版本的“重新打开问题”，但看起来这些不适用于当前版本。

相关： https ://bugs.jqueryui.com/ticket/9125

有没有人找到解决这个问题的方法？

我正在使用 ui-date ( https://github.com/angular-ui/ui-date ) （这是一个扩展 jquery ui 日期选择器的角度指令）在单击输入时创建一个弹出日期选择器在。问题在于它位于 $modal 窗口内（来自 angular-ui）。当您单击输入框时，日期选择器的 div 将附加到底部，就在结束标记的上方，它位于包含 $modal 的 div 的外部。因此，当 $modal 窗口关闭（并因此从 DOM 中删除）时，日期选择器的 div 仍然存在。

我在 jquery 或 ui-date 上找不到任何允许将 div 附加到另一个元素的文档，它似乎是内置的。

我不确定如何解决这个问题。

日期选择期间的代码

模态框关闭后

希望这能解释这个问题。