问题标签 [ui-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 投票
1 回答
2336 浏览

javascript - 如何在 angular-bootstrap-calendar 中获取当天的所有事件

angular-bootstrap-calendar中是否有任何选项可以抓住这一天on-timespan-click = "dateClicked(eventsOfTheDay)"

0 投票
1 回答
972 浏览

javascript - 从 UICalendar 中选择一天

我对角度相当陌生,我正在尝试使用 ui-calendar 实现日历。到目前为止,我已经能够在上面显示一个非常基本的日历和一些事件。

现在我需要能够单击一天并在侧选项卡上显示详细事件。我似乎迷失了如何实现这个点击日的事情。这可能看起来很天真,我想我会在日历上找到每天单元格的 html,然后就像附加一个 ng-click 一样简单。但我似乎找不到日历的 html 所在的任何模板。我所能看到的只是指令,它没有多大帮助。我根本不懂 jquery,所以我也很难找到任何答案。

总而言之,我只想知道如何让日历上的一天可以点击。

提前致谢。

代码:

0 投票
1 回答
2595 浏览

javascript - ui-calendar fullcalendar 中每个事件的自定义按钮

ui 日历示例

当您单击每个按钮时,它只会调用一个模式,以便您可以编辑或删除一个事件。我无法从视图中传递事件。

这是在控制器中:

这是 eventRender 正在调用的服务:

事件本身被传递到服务中,但是当调用 editActivityModal 或 deleteActivityModal 时,事件没有被传递,我只是得到未定义,但是,$event 正在被传递(这只是为了使用 preventDefault 和 stopPropagation 的东西)

0 投票
0 回答
2116 浏览

javascript - 更改 Angular ui-calendar 的语言

我有一个应用程序AngularJS,我在其中使用Fullcalendar结合Angular ui-calendar来显示用户的事件。这很好用!

在应用程序中,用户还可以在两种语言之间切换,丹麦语和英语。

这就是我的问题开始的地方,因为当我click按下按钮并更改语言时,这个洞calendar就消失了——里面的所有内容<div ui-calendar="uiConfig.calendar" ng-model="eventSources">都因为某种原因被删除了。

语言更改前的日历 语言更改后的日历

控制器

这取自他们的GitHub演示(从匈牙利语更改为丹麦语)。

除此之外,monthNamedayName始终使用丹麦语的语言,即使我在日历中专门将lang选项设置为, 。enconfig object

配置对象

我尝试all-lang.js为每种必要的语言(en-ca.js& da.js)单独加载文件,但没有任何运气。

有没有人经历过同样的事情,或者知道是什么原因造成的?

0 投票
1 回答
4953 浏览

javascript - fullCalendar 今天按钮自定义行为

我遇到了fullCalendar的问题。我正在使用周视图(defaultView:'basicWeek')和工具栏按钮'今天','上一个','下一个'。当我点击“今天”按钮时,日历会导航回本周,但日期选择不会改变。我希望日历导航到当前周并在日历上选择今天的日期。但是我在重新定义“今天”按钮点击事件时遇到了麻烦。

代码示例:https ://plnkr.co/edit/dv9yiq1CdJxfFTsDg4Yx?p=preview

在这种情况下,我希望在单击“今天”按钮时出现今天日期的弹出窗口(警报)。因此,基本上,单击按钮不仅可以将我导航到当前星期,还可以选择当前日期。

0 投票
2 回答
1043 浏览

javascript - 突出显示扩展到多行/列的完整日历事件

在我的Angular web app我使用Angular UI CalendarFullcalendar来显示用户的事件。

在这种情况下,当用户click在事件中突出显示时,但这有一点缺点,就像现在一样,因为当事件扩展到多行(month视图中)或多列(week视图中)时,它不是漏洞突出显示的事件 - 屏幕截图 1。

截图 1 截图 1

在图像中,我们2. Event从 19. March 到 21. March,但正如您所见,唯一突出显示的部分是 19. 和 20. March。

Screenshot 2是我真正想要的,所以用户不会感到困惑,并且可能认为它实际上是两个事件,而不是一个事件(在这种情况下就是这样)。

截图 2 截图 2

这是我controller为事件添加突出显示的部分。

控制器

0 投票
0 回答
609 浏览

angularjs - Angularjs UI 日历

我正在尝试将 UI 日历集成到我的 AngularJs 中,并且我设法显示日历以及其中显示的所有事件。

eventClick 事件工作正常,但是当我尝试添加 dayClick 事件时,它什么也没做。

这是我的控制器中设置事件和 uiConfig 对象的部分。

在我看来,我有以下 div 来显示日历

"div class="日历" calendar="myCalendar" ui-calendar="uiConfig.calendar" ng-model="eventSources"

显示正在工作 eventClick 正在工作,但 dayClick 没有...

它没有给我任何错误或警告。它只是行不通。有人知道这是为什么吗?

任何帮助深表感谢

0 投票
0 回答
45 浏览

javascript - ui - 日历,$scope 值未定义外部方法

我正在研究 ui-calendar,我想修复数据库日期字段中的事件..

从方法中获取数据库值并在警报中显示后,当我使用

这不起作用..它显示为未定义..

任何人都可以帮助我如何将 var 值带出该方法并声明它$scope.events以使其工作

0 投票
1 回答
1236 浏览

javascript - 获取 Angular UI-Calendar 上的所有事件(Arshaw 完整日历的指令)

我在 Angular ui 日历上使用外部事件:

HTML:

控制器:

我想保存日历上的所有事件。我知道您可以在单独使用 fullCalendar 的同时使用 clientEvents:

ui日历是否有等价物?我想我在问使用什么语法来访问 clientEvents。我想不明白。我尝试的另一个选择是将每个事件推送到 $scope.eventSources[0].events 中,但必须这样做似乎并不正确。

0 投票
1 回答
864 浏览

javascript - 从 ngDialog 模式修改 FullCalendar 事件信息(开始和结束)

我将 ui-calendar 指令用于带有可拖动外部事件的 arshaw 的完整日历。

我希望能够通过弹出对话框上的文本框编辑标题、开始和结束,而不必在日历本身上拖动事件。我将 ngDialog 用于模态,并且可以通过控制器的范围访问 clicked 事件。日历上的事件标题会响应更改,但开始和结束时间不会。

当我在模式中单击保存时,我将更新的信息传递给一个函数($scope.updateEventInfo ),在其中我通过 id 找到特定的 clientEvent,然后更新 clientEvent 属性。

然后我调用 fullCalendar updateEvent (.fullCalendar( 'updateEvent', event ) )

新标题将在日历上呈现,但开始和结束时间不会。

我需要以某种方式格式化或重新分配开始和结束时间吗?

控制器:

ngDialog 代码: