问题标签 [angular-daterangepicker]

我正在开发一个 AngularJS 站点，并使用 angular-daterangepicker 来处理日期。
角度日期范围选择器

在我的页面上，datepicker 工作正常，它以今天的开始日期初始化，并在从今天起的 5 天内结束日期（当页面加载时它会这样做）。

然后我从 startdate 迭代到 enddate，将每个日期添加到关联数组中，然后尝试将该数组用于具有 ng-repeat 的表，以便每个日期都是一个新行 - 但我的问题是没有日期显示在表格中，在调试中我可以看到正在创建关联数组，其中包含所有日期。

理想情况下，如果我的表格显示日期（并且日期格式正确），这就是我的表格的外观 - 但我无法让表格显示任何日期。

*附加问题- 由于我使用 ng-repeat 在表格中显示日期，“Shift 1”下的所有“选择”框最终都绑定到同一个对象 - 我该如何阻止这个？当用户选择了所有内容（即：shift 1、shift 2、sleep over）时，所有这些数据都将提交到数据库。

这是我的 HTML：

这是我的 Angular 控制器：

我正在开发一个 Angularjs 应用程序，并使用angular-daterangepicker在表格中填写日期。

当应用程序首次加载时，startDate 设置为当天和 4 天后的 endDate。然后 startDate、endDate 和它们之间的所有日期都显示在一个看起来像这样的表中（这一切都很好）：

当用户在选择器中应用新的日期范围时选择更改日期范围（这也应该刷新表格显示）时，我的问题就出现了。

如果用户选择的日期范围在“默认”范围之前，那么只有 startDate 和 endDate 会显示在表格中 - 所以在这张图片中，您可以看到我选择了 7 月 2 日到 7 月 6 日，但只有这两个日期是显示在表中。

如果我然后选择一个在“默认”范围之后的日期范围，例如 7 月 23 日到 7 月 27 日 - 那么从原始默认范围到 7 月 27 日的所有日期都会显示（或者减去原始 startDate），所以它显示 7 月 17 日至 7 月 27 日。

我想认为有一种更好的方法来遍历 startDate 和 endDate 之间的日期，而不是我使用的 for 循环......但我找不到任何东西，因为所有材料似乎都指向start & end & 忽略这些日期之间的日期。

您还可以看到，我将变量/对象重置为空/空白时做得太过火了——但这似乎没有任何区别。

我正在使用 Bootstrap 4.1、AngularJS 1.6.9、bootstrap-daterangepicker 3.0.3 和 angular-daterangepicker 0.2.2

任何建议将不胜感激，

我的 HTML 代码：

我的角度控制器：

更新： 这是 Plunker 上的代码......但是有一个问题是 Jquery 或 Angular 都不起作用？（对不起，我是使用 Plunker 的新手）
Plunker 上的 Angularjs daterangepicker

如果我只想使用引导程序，哪个日期范围选择器最适合在 Angular 6 项目中使用。我见过很多 npm 包，但是除了 ngx-datarange 选择器，还有没有最好的日期范围选择器？

当我选择日期并应用过滤器时，startDate 和 endDate 都是对象，我似乎无法获得选定的日期。

我已经尝试选择对象内部的属性，但它并没有给我一个好的日期。

我有以下代码：

控制器

HTML

我还有一个观察者记录了以下图像：

有谁知道如何将 startDate 和 endDate 值作为简单字符串或日期格式获取？

我正在使用 daterangepicker 来选择开始和结束日期。

这是我的JsFiddle示例

日期有效，我可以选择开始和结束日期。

但是如何将 selectDate 模型传递给过滤器，以便仅选择selectDate与eventStartDateTime

任何帮助或建议将不胜感激。

提前致谢

我在 Angular Datepicker 中检索一些禁用的日期时遇到问题，

当我对日期进行硬编码时，我没有问题，一切正常，

但是当我从我的 web api 后端检索禁用日期时，禁用日期被忽略...

我仍然是编程的菜鸟，我可能错过了一些愚蠢的东西

是关于异步编程还是可观察变量？

组件.html

组件.ts

我面临在 angular-datepicker 中禁用日期的问题。这就是我定义日期选择器的方式：-

我在 angularjs 控制器中将模式定义为

将日期选择器的 css 和 js 链接如下：-

我不知道如何在这个日期选择器中禁用未来的日期。任何帮助都是可观的。

我一直在尝试为我的数据设计一个日期范围过滤器，并制作了一个测试函数来将变量更改为开始日期和结束日期。该代码在直接调用时显示正确的日期，但是在打印变量时，它不能正确打印。

组件.html：

组件.ts：

第一次警报 第二次警报

我daterangepicker在我的角度组件中使用了以下选项：

我使用了一个日期选择器。

我正在使用 ng Bootstrap Datepicker 在 Angular 8 中工作

我在年份 dorpdown中的DatePicker 框中的年份范围有限

我正在分享我的代码

我也在分享图片