问题标签 [angular-bootstrap-calendar]

上个月按钮应与ng-show="isPastMonth(calendarDate)"当前月份的上个月一起隐藏。

angular-bootstrap-calendar中是否有任何选项可以隐藏decrement="calendarView"过去几个月？

演示：http ://plnkr.co/edit/LE4F4U7AnnD3tjM9ZH4G?p=preview

I am using this calendar https://github.com/mattlewis92/angular-bootstrap-calendar for showing events and time slots for people all over the world. During sign up, every user has to set his timezone and then my application uses this timezone for further date computation rather than client machine timezone.

The problem is that when I make user timezone default using moment.tz.setDefault(timezone) and change the machine's timezone, the calendar calculates dates wrongly.

Here is my excerpt of my code:

Attached is the screenshot:

[Screenshot]

You can see that user's timezone is currently Asia/Karachi +5 and my machine's timezone is Beijing +8. Today's date is 8 September and the day is Friday, but on the calendar 8 September is showing as a Saturday instead of Friday.

我有一个input type="month"控件，并且我也在使用 Angular UI 引导程序。当我在 IE 中选择一个月时，它显示为yyyy-MM格式。但在谷歌浏览器中，它显示为MMMM yyyy格式。

本地化时，日历控件中的月份显示为本地化文本，但在输入框中选择后显示英文月份名称。

所需的解决方案：要么在输入框中显示本地化月份，要么像yyyy-MM在谷歌浏览器中一样更改格式。

我在 Angular 4 应用程序中使用angular-bootstrap-calendar，它显示长工作日（例如：星期日、星期一等）。相反，我想要带有 2 个字母的短工作日（例如：Su、Mo 等...）。它是否有任何我可以直接在我的应用程序中使用的预定义类？

我p-calendar在我的项目中包括showTime="true"：

然后在我的 TS 文件中，我习惯于setValue将从数据库中获取的数据分配给受尊重的 formControlls：

其他字段显示所需的数据，但p-calendar仍为空。是否可以在p-calendar默认日期中显示数据。获取并显示在表单中的数据采用以下格式：

我正在使用angular-bootstrap-calendar并希望在单击月视图中的任何单元格时更改单元格的颜色。我可以使用更改颜色 on-timespan-click="timespanClicked(calendarDate, calendarCell)"

HTML：

并在 JS 中应用cell.cssClass = 'freeze-cell';

JS：

在这里，问题是我想在单击任何其他单元格时重置应用的 css 类，但我无法这样做。

谢谢， 苏沃吉特

我正在使用 mattlewis 引导日历。事件显示正确。但是如果我将新事件添加到日历，它会复制其他日期的事件，而不是将事件添加到添加的日期。只有在刷新页面后一切正常。我也尝试了 $scope.$apply。但似乎没有任何效果。

这是我的html

控制器.js

现在保存后我像这样调用 $scope.myevents 函数

但即使我调用 myevents 函数，事件也没有正确填充到日历中。如果我已经有事件，那么在添加新事件后，旧事件正在复制和显示。如果我重新加载页面，那么一切都很好。在 html 中，我正在调用 myevents 函数在 ng-init 中。谁能告诉如何在添加事件后正确显示事件而不重新加载页面？

我已将 ngx Bootstrap 安装到我的 Angular 应用程序中以使用日期选择器

现在我在运行 Angular 应用程序时遇到错误

我将错误的详细信息放在下面

多错误 ../node_modules/bootstrap/dist/css/bootstrap.min.css ../node_modules/ngx-bootstrap/datepicker/bs-datepicker.css ./src/styles.css

未找到模块：错误：无法解析 '/Users/user/Projects/CRUD' 中的 '/Users/user/Projects/node_modules/bootstrap/dist/css/bootstrap.min.css' 多个 ../node_modules 中的错误/bootstrap/dist/css/bootstrap.min.css ../node_modules/ngx-bootstrap/datepicker/bs-datepicker.css ./src/styles.css

找不到模块：错误：无法解析“/Users/user/Projects/CRUD”中的“/Users/user/Projects/node_modules/ngx-bootstrap/datepicker/bs-datepicker.css”

我将 angular.json 文件代码放在下面

Package.json 代码 - ：

我正在尝试在我的 Angular 应用程序中导入 ngx Bootstrap 日期选择器，为此我遵循了以下步骤

1. 到 npm 安装 ngx-bootstrap

   npm install ngx-bootstrap --save

2. 安装引导程序 3

   npm install bootstrap@3 --save

3. 在 angular-cli.json 文件中，并在样式属性中指定引导样式表 (bootstrap.min.css) 的路径

   “样式”：[“../node_modules/bootstrap/dist/css/bootstrap.min.css”，“styles.css”]

4. 在 Angular 中使用 ngx-bootstrap 日期选择器：

5. 在 app.module.ts 文件中，导入 BsDatepickerModule

   从 'ngx-bootstrap/datepicker' 导入 { BsDatepickerModule }；

6. 在 html 中使用

   bs日期选择器

   类="表单控制" />

   7. 在 .angular-cli.json 文件中包含对 bs-datepicker.css 文件的引用。

      “样式”：[“../node_modules/bootstrap/dist/css/bootstrap.min.css”，“../node_modules/ngx-bootstrap/datepicker/bs-datepicker.css”，“styles.css”]

但我在运行 Angular 应用程序时遇到错误

../node_modules/ngx-bootstrap/datepicker/bs-datepicker.css ./src/styles.css

在 '/Users/user/Projects/CRUD' 中的错误 ../node_modules/bootstrap/dist/css/bootstrap.min.css ../node_modules/ngx-bootstrap/datepicker/bs-datepicker.css ./src/样式.css

在“/用户/用户/项目/CRUD”中

我将所有代码信息放在下面-：

我将 angular.json 文件代码放在下面

Package.json 代码 - ：

App.module.ts 代码

I am using Angular 7 for my Web app and have the following code in html:

When calling a Web API I got a JSON object like this:

This is the component code:

All the properties are bind properly except myDate property.

I have doing some research and trying different propose solutions , but none one seems to work so far.

Does any one of you face something similar?