问题标签 [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.
javascript - 如何在 angular-bootstrap-calendar 中获取当天的所有事件
angular-bootstrap-calendar中是否有任何选项可以抓住这一天on-timespan-click = "dateClicked(eventsOfTheDay)"
javascript - 从 UICalendar 中选择一天
我对角度相当陌生,我正在尝试使用 ui-calendar 实现日历。到目前为止,我已经能够在上面显示一个非常基本的日历和一些事件。
现在我需要能够单击一天并在侧选项卡上显示详细事件。我似乎迷失了如何实现这个点击日的事情。这可能看起来很天真,我想我会在日历上找到每天单元格的 html,然后就像附加一个 ng-click 一样简单。但我似乎找不到日历的 html 所在的任何模板。我所能看到的只是指令,它没有多大帮助。我根本不懂 jquery,所以我也很难找到任何答案。
总而言之,我只想知道如何让日历上的一天可以点击。
提前致谢。
代码:
javascript - 更改 Angular ui-calendar 的语言
我有一个应用程序AngularJS
,我在其中使用Fullcalendar结合Angular ui-calendar来显示用户的事件。这很好用!
在应用程序中,用户还可以在两种语言之间切换,丹麦语和英语。
这就是我的问题开始的地方,因为当我click
按下按钮并更改语言时,这个洞calendar
就消失了——里面的所有内容<div ui-calendar="uiConfig.calendar" ng-model="eventSources">
都因为某种原因被删除了。
控制器
这取自他们的GitHub
演示(从匈牙利语更改为丹麦语)。
除此之外,monthName
和dayName
始终使用丹麦语的语言,即使我在日历中专门将lang
选项设置为, 。en
config object
配置对象
我尝试all-lang.js
为每种必要的语言(en-ca.js
& da.js
)单独加载文件,但没有任何运气。
有没有人经历过同样的事情,或者知道是什么原因造成的?
javascript - fullCalendar 今天按钮自定义行为
我遇到了fullCalendar的问题。我正在使用周视图(defaultView:'basicWeek')和工具栏按钮'今天','上一个','下一个'。当我点击“今天”按钮时,日历会导航回本周,但日期选择不会改变。我希望日历导航到当前周并在日历上选择今天的日期。但是我在重新定义“今天”按钮点击事件时遇到了麻烦。
代码示例:https ://plnkr.co/edit/dv9yiq1CdJxfFTsDg4Yx?p=preview
在这种情况下,我希望在单击“今天”按钮时出现今天日期的弹出窗口(警报)。因此,基本上,单击按钮不仅可以将我导航到当前星期,还可以选择当前日期。
javascript - 突出显示扩展到多行/列的完整日历事件
在我的Angular
web app
我使用Angular UI Calendar和Fullcalendar来显示用户的事件。
在这种情况下,当用户click
在事件中突出显示时,但这有一点缺点,就像现在一样,因为当事件扩展到多行(month
视图中)或多列(week
视图中)时,它不是漏洞突出显示的事件 - 屏幕截图 1。
在图像中,我们2. Event
从 19. March 到 21. March,但正如您所见,唯一突出显示的部分是 19. 和 20. March。
这Screenshot 2
是我真正想要的,所以用户不会感到困惑,并且可能认为它实际上是两个事件,而不是一个事件(在这种情况下就是这样)。
这是我controller
为事件添加突出显示的部分。
控制器
angularjs - Angularjs UI 日历
我正在尝试将 UI 日历集成到我的 AngularJs 中,并且我设法显示日历以及其中显示的所有事件。
eventClick 事件工作正常,但是当我尝试添加 dayClick 事件时,它什么也没做。
这是我的控制器中设置事件和 uiConfig 对象的部分。
在我看来,我有以下 div 来显示日历
"div class="日历" calendar="myCalendar" ui-calendar="uiConfig.calendar" ng-model="eventSources"
显示正在工作 eventClick 正在工作,但 dayClick 没有...
它没有给我任何错误或警告。它只是行不通。有人知道这是为什么吗?
任何帮助深表感谢
javascript - ui - 日历,$scope 值未定义外部方法
我正在研究 ui-calendar,我想修复数据库日期字段中的事件..
从方法中获取数据库值并在警报中显示后,当我使用
这不起作用..它显示为未定义..
任何人都可以帮助我如何将 var 值带出该方法并声明它$scope.events
以使其工作
javascript - 获取 Angular UI-Calendar 上的所有事件(Arshaw 完整日历的指令)
我在 Angular ui 日历上使用外部事件:
HTML:
控制器:
我想保存日历上的所有事件。我知道您可以在单独使用 fullCalendar 的同时使用 clientEvents:
ui日历是否有等价物?我想我在问使用什么语法来访问 clientEvents。我想不明白。我尝试的另一个选择是将每个事件推送到 $scope.eventSources[0].events 中,但必须这样做似乎并不正确。
javascript - 从 ngDialog 模式修改 FullCalendar 事件信息(开始和结束)
我将 ui-calendar 指令用于带有可拖动外部事件的 arshaw 的完整日历。
我希望能够通过弹出对话框上的文本框编辑标题、开始和结束,而不必在日历本身上拖动事件。我将 ngDialog 用于模态,并且可以通过控制器的范围访问 clicked 事件。日历上的事件标题会响应更改,但开始和结束时间不会。
当我在模式中单击保存时,我将更新的信息传递给一个函数($scope.updateEventInfo
),在其中我通过 id 找到特定的 clientEvent,然后更新 clientEvent 属性。
然后我调用 fullCalendar updateEvent (.fullCalendar( 'updateEvent', event )
)
新标题将在日历上呈现,但开始和结束时间不会。
我需要以某种方式格式化或重新分配开始和结束时间吗?
控制器:
ngDialog 代码: