问题标签 [angular-daterangepicker]

我的 html 代码看起来像这样

我有 typeScript 组件文件，它定义了 startDate 并绑定到日期选择器。

我遇到的问题是，当浏览器语言环境设置为“en-IN”时，输入框的日期格式正确，但是当单击日期选择器并弹出日历时，日历将其读取为 MM-dd-YYYY 并显示错误的日期.

我对 Angular 非常陌生，并且通过 moment.js 使用这个 DateTimePicker。我无法弄清楚如何在我的情况下很好地设置默认值它是 {{z.startDate}} 并且没有在那里显示。那么如何设置该默认值并使其与 ng-model 绑定。

我正在使用 datarangepicker 来处理日期。

我有两个组件，每个组件都有不同的日期设置范围，但我不能让它们对每个组件都不同，它们都采用组件“main1.component.ts”的配置。

这是代码ts：

main1.component.ts

main2.component.ts

问题是组件1的模板有组件2，如果两个组件的日历配置不同，组件2采用组件1的配置，我希望配置不同。

这是模板 main1.component.html

这是模板 main2.component.html

可能是什么问题呢？谢谢，

我将模式日期用于 bsDatepicker 并且工作正常。

<input type="text" class="form-control" formControlName="birthday" bsDatepicker [bsConfig]="bsConfig" [(bsValue)]="birthday" value="{{dataNascimento | date:'dd/MM/yyyy - dd/MM/yyyy' }}" />

但是在 bsDaterangepicker 中不起作用

<input class="form-control" #drp="bsDaterangepicker" bsDaterangepicker [bsConfig]="bsConfig" [maxDate]="bsConfig.maxDate" value="{{periodo | date:'dd/MM/yyyy - dd/MM/yyyy' }}" />

错误信息

ERROR Error: InvalidPipeArgument: 'Wed Nov 22 2017 12:50:19 GMT-0200 (Horário brasileiro de verão),Wed Nov 22 2017 12:50:19 GMT-0200 (Horário brasileiro de verão)' for pipe 'DatePipe'

ngx-bootstrap、Angular 和 Bootstrap 的版本：

ngx-bootstrap：2.0.0-beta.8

角度：5.0.0

引导程序：3.3.7

构建系统：Angular CLI 1.5.2

问题

谁来为 Daterangepicker 定义日期模式？

在通常情况下：

就足够了。这样我就定义了今天开始和结束日期的范围。一旦时间过去，就会出现问题：当页面未刷新时，“今天”范围仍然指向页面呈现的日期。

到目前为止我尝试的是添加一些事件处理程序：

但是一旦显示日期选择器，它就会立即关闭。

第二种方法是设置vm.dateRangePickerOptions为函数并设置为option输入视图。JS：

和模板：

在这种情况下，我收到来自 moment.js 的错误：

TypeError：无法将未定义转换为对象

嗨，我正在使用 angularjs datepicker 功能，使用npm i angularjs-datepicker工作正常，但我需要显示时间，如（15-12-2017 05:14 PM）帮助如何格式化 datepicker 在这里我提到了参考链接，我也厌倦了控制器它来了但是当我点击日期选择器日期显示错误。有任何指定格式是否有帮助或如何解决该问题

https://www.npmjs.com/package/angularjs-datepicker

html

控制器

将本地化应用于角度日期范围选择器时，日历标题的日期格式不正确。日期应显示为 YYYY, MM，但显示为 MM, YYYY。我正在使用 moment().format('ll') 在文本输入中显示本地化格式，但使用日期范围选择器 locale.format 选项对日历日期格式没有任何影响。

我正在使用angular-date rangepicker。对于我的要求，我需要选择将开始日期/结束日期或两者的日期设置为空。我查看了它的选项，但没有找到任何选项。

我还需要在日历弹出窗口中显示复选框以设置startDate为空，并将复选框设置endDate为空。

我找到了一个用于设置 null 的 plunker，但它将日期都设置为 null/blank Plunker

plunker使用

这清除了两个日期。就我而言，我希望可以选择清除任何一个日期。

我无法在 angular-datepicker angular-datepicker 链接中限制最大和最小日期

实现它的有效表达式是什么？

下面是我尝试过的表达式列表。

1. min-date="2018-03-12 | 日期：'yyyy-MM-dd'"

2. min-date="2018-03-12 | 'yyyy-MM-dd'"

3. min-date="2018-03-12 | 日期"

我已经使用“Angular-Moment-Picker”来实现带有 Angular1.6 的日期选择器，并在导入所需的模块后面临控制台错误“未定义时刻”。

Angular-Moment-Picker 官方网站：https ://indrimuska.github.io/angular-moment-picker/

错误：

我添加了如下模块。1. 我已经使用 NPM iNSTALL 安装了“Angular-Moment-picker”和 Moment。2. 将两个模块都包含在 app.module.js 文件中。

还，

现在，我在控制台中遇到了这个错误。

另外，我也尝试在“webpack-config.js”文件中添加一些东西，但没有运气。

不仅如此，我还尝试了很多东西，但仍然没有运气。

如果有人可以帮助我，那就太好了。

提前致谢...