问题标签 [angular-daterangepicker]

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 回答
219 浏览

javascript - Angular daterangepicker 在模态中不起作用

我正在使用取决于bootstrap-daterangepicker 的 angular- daterangepicker

除了在模态框内,更准确地说是在ngDialog内,它在其他页面上运行良好。

它给出了这个错误:

看起来好像bootstrap-daterangepicker文件未包含在 html 中。

我怀疑当一个模态打开时 bootstrap-daterangepicker 有点“失去”它的效果。

可能是什么问题呢?

有什么方法可以重启 bootstrap-daterangepicker吗?

0 投票
0 回答
66 浏览

angularjs - Angular Bootstrap 日期选择器实现

我想在我的系统中集成 Angular datepicker。

我已经从这个 url完成了。但是有什么选项可以让我们添加模块并且可以通过参数使用吗?

0 投票
3 回答
8129 浏览

javascript - Javascript 日期范围选择器 - 用于范围选择的单个日历

我正在使用这个日期范围选择器组件:http ://www.daterangepicker.com/ ,默认情况下,小部件显示两个日历。我只想显示一个日历,并且能够在选择开始日期和结束日期时使用 < > 按钮选择下一个/上一个月份,即能够选择一月份的开始日期(仅显示一月份),然后选择一个结束日期3 月的日期(仅显示 3 月),单击 > 按钮。singleDatePicker 有一个选项:true,但这会禁用选择日期范围的能力。

0 投票
1 回答
2264 浏览

jquery - angular-daterangepicker 不适用于 angularJs

我一直在尝试在我的一个应用程序中使用 angular-daterangepicker。我正在关注这个链接:

https://github.com/fragaria/angular-daterangepicker

  1. 安装了模块。
  2. 在控制器中写入依赖项。
  3. 使用脚本标签在 .html/.ejs 文件中添加依赖项。

错误 :

1) TypeError: el.daterangepicker 不是函数

2)TypeError:无法设置未定义的属性“日期”

如何摆脱这个错误?

0 投票
1 回答
1436 浏览

javascript - 根据在第一个日期选择器字段中选择的日期禁用日期

我正在研究 angularjs 应用程序。用户可以从 From Date 选择器和 To Date 选择器字段中选择日期。我想根据用户在 From Date 选择器字段中选择的日期禁用 To Date 选择器中的日期选择。例如)如果用户在 From Date 选择器字段中选择了 02/23/2017,则应在 To Date 选择器中禁用 02/23/2017 之前的所有日期。

演示在这里

我尝试将 model1 分配给 To Date 的 min-date 属性,如下所示,但这不起作用。甚至尝试在用户在 From-Date 字段中选择日期后立即显示 To-Date 字段日期选择器日历,但最终出现 javascript 错误。任何的意见都将会有帮助。

下面是代码:

js代码:

0 投票
2 回答
1293 浏览

javascript - 角度日期范围过滤器不起作用

我试图弄清楚为什么我的日期范围过滤器不起作用并且我得到了错误 - [$injector:unpr] Unknown provider: dateRangeProvider <- dateRange <- dashboardController. 我尝试将“dateRange”放在我的依赖项和 $filter 中,不确定我所做的是否正确。绝对感谢任何帮助!谢谢!

我试图在两个日期之间过滤以获取产品 ID 的 HTML

这是我的仪表板控制器

0 投票
1 回答
955 浏览

javascript - 从两个不同的变量中返回 Angular Date range Slider 的 Date 输出

我已经使用 AngularJS 和 Angular 材料创建了一个日期范围滑块,但目前我能够将日期范围的最小值和最大值作为单个变量返回,但是我想通过两个单独的变量存储和返回这些值,这些变量将用于稍后发出 POST 请求。

例如

变量:2016-01-01T00:00:00

变量 b:2018-01-01T00:00:00

这是当前代码的工作小提琴。

https://jsfiddle.net/rehan516/m0ygxvdj/

HTML

JS

发布查询

0 投票
1 回答
4109 浏览

angularjs - 角度材料的日期/时间范围选择器

我正在为我的项目使用角度材料。

我需要某些功能的日期范围选择器和某些功能的日期时间范围选择器。

我已经搜索过了,但我找不到任何具有所有工作功能的选择器。

我试过 smDateTimeRangePicker 但它不适用于开始日期。始终使用当前日期打开选择器。它也没有动态最小/最大日期的功能。

任何人都可以指出我正确的方向,在那里我可以使用工作开始、最小值、最大值、.. 功能来精细范围选择器。

0 投票
1 回答
959 浏览

angularjs - Angular UI Datepicker json设置日期不起作用

我有一个 angular-ui 日期选择器,但是当我从 json 远程加载日期时,日期选择器不会选择日期,但是当我输入它时它会选择日期。但它没有在输入中显示它的空白输入,当我单击打开日期选择器时,选择了正确的日期。

我想远程加载日期并显示在日期选择器的日期选择器和输入字段中。

这是我的日期选择器代码:

设置日期的代码:

$scope.tenderDate 如下:

$scope.tenderDate = $scope.data.items.Date;

这是json中的哪个

$scope.tenderDate 可以正常工作并正确输出此日期。这就是为什么我觉得奇怪的是,当我这样输入它时,它会在日期选择器中选择日期,而不是在输入字段中。

并且不使用momentjs并像这样编写它一切正常。并显示正确的日期“2017-08-02”。

也许您知道从日期选择器中的 json 获取日期的好方法。

0 投票
0 回答
682 浏览

angular - Angular Reactive Form patchValue 后组验证器未启动

我将mydatepicker与以下自制帮助类一起使用:

createDateRangeGroup在组件中使用如下:

我可以在屏幕上看到日期设置正确。但是,当我尝试它时,console.log(this.formGroup.get('dates'));它清楚地显示了一个错误,{invalid: true}即使我只是从下拉列表中重新选择完全相同的日期,该组也会自动生效。

我不做什么?