问题标签 [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 投票
3 回答
2025 浏览

angularjs - 在Angular UI bootstrap datepicker中检测选定的月份

我正在为我的项目使用白天模式的Angular UI Bootstrap日期选择器。如何在选择新日期之前获得当前开放月份?

0 投票
7 回答
17721 浏览

angularjs - 当指定日期格式为“dM-yyyy”和字符串值为“2014-08-31T00:00:00Z”的 ng-model 时,Angular-UI 日期选择器处于无效状态

我从 asp.net mvc 控制器获取日期时间值作为“2014-08-31T00:00:00Z”。当我将此值绑定到我的 angular-ui datepicker 控件时,它的状态显示为 ng-invalid ng-invalid-date。

我也从 mvc 控制器获取日期格式,因此我也在我的 html 中绑定了日期格式。

当我在第 1807 行调试 ui-bootstrap-tpls.js(最新版本)文件时

在此处输入图像描述

它总是以未定义的方式出现。我尝试了很多替代方案,但我无法成功。:(

javascript 不能正确地将 angular ui datepicker 日期转换为 UTC

所以请给出一些想法并建议我如何解决这个问题。

感谢和问候,N.Murali Krishna。

0 投票
0 回答
347 浏览

angular-ui-bootstrap - 如何在 Angular UI Bootstrap Datepicker 中使用自定义月份模板?

在 Angular Bootstrap UI Datepicker 的情况下,我无法复制此 plunkr中显示的覆盖 Angular Bootstrap UI 模板的技术,在 SO here中引用了该技术。

这是我的尝试:

这是我的尝试:plnkr.co/edit/xNPzXQHsHxomMmBPwOCc?p=preview

请注意,日历表不显示!

谢谢,

G

0 投票
1 回答
590 浏览

angularjs - 许多 AngularUI Datepicker 使页面性能低下

我正在使用 AngularUI Datepicker。我有单独的部分视图,每个视图都有 ng-repeat 。我正在使用 AngularUI-Bootstrap-Datepickers,它使页面加载非常慢。

我遵循了这个答案: 页面上的许多 UI-Bootstrap-Datepickers 加载速度非常慢 - 我可以使用单个实例并移动元素吗?

但是我遇到了一些其他问题。在这种方法中,我们使用单独的 ng-if 从跨度切换到文本框。但是在它们之间切换需要相当长的时间,这使得用户可以看到我们正在玩文本框。(检查图片 http://i.stack.imgur.com/YxZXQ.png

我也跟着这个:https ://github.com/angular-ui/bootstrap/pull/3666/commits

但我无法整合更改并成功运行 datepicker。

这个问题有可靠的解决方案吗?

0 投票
1 回答
1198 浏览

angularjs - 如何以角度形式更改 Angular UI Datepicker 模型值格式?

这是角度形式的UI Datepicker的默认格式

如何将上述格式更改为

这是 JSBIN:http ://jsbin.com/cadaga/2/edit?html,js,output

0 投票
1 回答
127 浏览

javascript - Angular 从指令内部的输入中删除无效内容

我有指令,我在其中动态添加其他指令和属性:

和模板:

现在,当我绑定了值并尝试在输入中输入内容时,它会被删除。我知道如果模型无效,角度将其设置为“未定义”,但如果我在指令之外执行相同操作,它会保留输入的内容。

如果我只是将这些属性移动到模板并删除对 $compile 的调用 - 一切都按预期工作。但是这种方法的巨大缺点是我无法控制属性外观,它总是会被渲染。

我错过了什么?

普朗克

0 投票
1 回答
762 浏览

angularjs - 如何启用所有日期

我正在使用 angular ui 引导库 ( http://angular-ui.github.io/bootstrap/ ) 中的 angular ui datepicker 小部件。默认情况下,日期选择器只允许启用今天或以后的日期。今天之前的所有日期都被禁用。我希望启用日期选择器上的所有日期。我怎样才能做到这一点?请指教。

以下站点显示了如何仅禁用周末。 http://angular-ui.github.io/bootstrap/

我更改了范围功能(从该站点),因此启用了所有周末。但是今天之前的所有日期(工作日和周末)仍然被禁用。

我的 $scope.disabled() 函数的控制器代码更新:

这是我使用 datepicker 小部件的标记:

0 投票
1 回答
4507 浏览

angularjs - Angular UI Datepicker以编程方式设置为打开到特定月份

有没有办法在不实际设置日期选择器的值的情况下打开特定月份的日历。

例如,我有两个日期选择器,一个是开始日期,一个是结束日期。正如这里的小提琴所示:http: //jsfiddle.net/leopardy/ao4nnd7d/

如果用户为开始日历选择了一天,例如 2016 年 5 月 12 日,那么我希望结束日历在用户打开日历时打开到 5 月。但是,我不想在他们身上强加任何特定的日期,所以我不想设置日历的实际值。如果用户不想要 May,他们可以选择导航到另一个月份。这只是一个初始的起点。

有没有办法做到这一点?谢谢。

HTML

Javascript

0 投票
1 回答
882 浏览

angularjs - 无法将日期分配给 ui-date angularjs

我想将我的字符串日期分配给 ui-date

我的观点

和我的日期字符串“12/12/2015”

但我收到此错误“错误:ng-Model 值必须是 Date 对象 - 目前它是一个字符串 - 使用 ui-date-format 将其从字符串转换”

请有人帮助我,谢谢

0 投票
1 回答
4577 浏览

angularjs - 如何将日期格式从 mm/dd/yyyy 更改为 dd/mm/yyyy?

我正在使用这个库。我在转换日期格式时遇到问题。当我选择一个新日期时,它应该在 dd/mm/yyyy 中显示日期