问题标签 [angular-calendar]

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

ionic-framework - 如何在 Ionic 中创建可滑动的周时视图日历

我正在使用本教程创建周小时视图日历离子日历

https://devdactic.com/ionic-calendar-angular-calendar/

但我想让这个日历像 Android 中的谷歌日历一样可滑动。

在此处输入图像描述

0 投票
1 回答
2258 浏览

angular - 小时显示 hourSegments 角度日历

在我的日历中,我需要按如下方式显示一天中的时间:09:00、09:15、09:20。

我将软件包升级到最新

现在下面的代码出错了,我不能再像以前那样显示时间了。

模块.ts:

组件.scss:

我查看了我在其他地方搜索过的文档,但找不到我需要的东西......

0 投票
2 回答
1086 浏览

angular - 强制 dayClick 默认 - AngularCalendar

我正在使用AngularCalendar,尤其是可点击的日子功能。我需要在默认情况下以编程方式强制 dayClicked,例如,当用户打开带有日历的页面时,他必须看到今天被选中。我尝试构建新的 CalendarMonthViewDay,但没有成功。这是我在 dayClickedEvent 上的函数:

如何创建新的 CalendarMonthViewDay 以便 Angular 可以看到它并在选定日期的情况下呈现页面?

0 投票
1 回答
845 浏览

calendar - 带有月周和天视图的 Angular 5 日历

在工作中,我的任务是制定一个响应时间表,告诉用户他/她今天/每周/每月的约会。

我找到了 Angular-calendar 但我不知道如何工作,因为它的文档已更新为 angular 6 而我使用 5

那么有没有其他选择,如果没有其他选择,如何使用这个日历?

0 投票
1 回答
4268 浏览

angular - 一个单元格上有多个徽章 - Angular Calendar

我正在使用 Angular 日历https://github.com/mattlewis92/angular-calendar并且我希望每个单元格拥有多个徽章,每个徽章在柜台中用于不同类型的事件。有不同类型的事件(使用事件中的元属性)。我在使用用于一天事件的计数器时遇到了困难。

这是我想要的结果。

我想要的结果

编辑:这是我尝试过的

我使用日历单元的这个自定义模板来添加徽章。

这三个函数countErrors() countWarnings()countSuccesses()计算相同类型的事件数(错误或成功或警告)。

事件的类型由meta属性指定:

当我运行它时,这就是我得到的:

结果我有

我认为第一天做了一个计数,其他天都得到了同样的结果。

编辑:这是我在模板中调用的函数

这三个功能是一样的。唯一的区别是if条件:更改事件类型 0 1 2。

0 投票
1 回答
932 浏览

javascript - 无法将日历数据保存到 Firebase

我正在我的应用程序中创建大厅预订功能。在这个应用程序中,我想保存大厅预订的开始日期和时间以及结束日期和时间。当用户预订一整天的大厅时,应更改日期颜色。

在这里我可以从日历中获取数据,但它没有被插入到 firebase 数据库中。唯一插入的数据是UIDandallDay字段。我能做些什么来解决这个问题?

这是我的代码。

0 投票
1 回答
105 浏览

angular - 如何将 Jquery 实现转换为 Angular 6

我有一个使用https://github.com/nekken/ng2-fullcalendar/下面的库用于我的日历,但是这个库中的选项有限,所以我使用完整的日历 api 来扩展以满足业务需求。

所以这里是函数 Viewrender 实现功能,当跨越未来一个月和前一个月时禁用上个月和下个月按钮。

例如)当当前月份是 2018 年 11 月时,按钮应该被禁用 - 如果用户点击 JAn 2019 下一个按钮应该禁用并且用户选择 2018 年 9 月上一个按钮应该被禁用。

我在 angularr 函数中的 jquery 中编写了一个逻辑,任何人都可以将其转换为 angular 6 方式。

Stackblitz 演示: 演示

0 投票
1 回答
169 浏览

javascript - angular.js 未捕获错误:[ng:areq] 参数 'fn' 不是函数,在处理基于 angular-ui-calendar 的日历小部件时得到 Moment

我之前在Angular angular.js 中发现了这个主题 es6 import moment.js Error: [ng:areq] Argument 'fn' is not a function, got Moment,不幸的是,它没有解决。所以我决定刷新这个问题,再问一次,这次是我自己。

我正在从我的 app.js 文件中导入 moment.js,这是我的应用程序主模块初始化的来源:

上面显示的moment.js lib的导入和依赖注入方式会导致这样的错误:

真的不知道如何让它工作。此外,使用 webpack 构建应用程序,但所有新的库和指令都直接导入到应用程序的代码中,使用 ES6importrequire语句。我没有使用 webpack 配置来使用 webpack 构建和加载每个 3rd 方模块。不知道如何导入 moment.js 并使其工作

0 投票
1 回答
35 浏览

javascript - AngularJS angular-ui-calendar TypeError: this.$compile 不是函数;this.$compile 在 $onInit() 内部时具有值,但在外部时未定义

在我的构造函数中,我通过:

当我在 $onInit() 开头记录它的值时

我得到 $compile 函数的文字代码。

但是当从内部调用 $compile

里面提到:

结果console.log('this.$compile:', this.$compile);undefinedthis.$compile 的值。

这就是我的问题,因为我不知道为什么它在那里没有定义,如果在控制器的初始化它已经是一个函数。

有人知道我可能会错过什么吗?

0 投票
0 回答
698 浏览

angular - 可滚动内容 - 角度日历

我正在尝试实现 mattlewis92 的角度日历(https://github.com/mattlewis92/angular-calendar),但我无法弄清楚我需要什么才能使视图可滚动。

我需要帮助实现溢出:周和日视图的自动最大高度

我正在尝试编辑.cal-week-view .cal-time 事件(但是当我添加溢出属性时,小时列不适合水平方向)和.cal-day-view .cal-hours-rows(它似乎忽略了 max-滚动出现的高度属性)。