Tag: 日历

responsive-calendar:show dayEvents

我正在使用这个基于jquery的日历http://w3widgets.com/responsive-calendar/ ,我想在活动当天hover显示当天的事件。 问题是:插件的文档制作精良并解释了所有内容……除了如何执行此操作。 这是如何在代码中添加dayEvents的示例: events: { “2013-04-30”: { “number”: 2, “badgeClass”: “badge-warning”, “url”: “http://w3widgets.com/responsive-calendar”, “dayEvents”: [ { “name”: “Important meeting”, “hour”: “17:30” }, { “name”: “Morning meeting at coffee house”, “hour”: “08:15” } ] }, . . . } 我做了很多测试,但直到现在,我还没有找到关于这个问题的线索。 任何帮助将非常感谢。

JavaScript渲染逻辑:水平动态预订日历

我有一个用Javascript生成的年份日历,它将每个月作为一行呈现,水平地呈现为一组表格。 根据获取当前serverTime动态设置第一个月。 每张桌子都是一个月。 表格是: 在DOM注入后,每个月都会填充id。 13年10月的例子= Oct 13 1 2 3 4 5 6 7 8910111213141516171819202122232425262728293031 我有一个javascript函数“ showBookingData(data) ”,它接收来自服务器的两个日期(startDate + endDate)进行预订,我将其传递给渲染函数“ highlightBookTableMonthsChange(start,end) ”,以在日历上显示彩色预订期间匹配开始和结束日期。 此渲染函数计算日期的差异,以便它可以AddClass到预订的每一天以显示阻止的时间段,并突出显示相关的表。 render函数接收以下JSON =中的日期 {“d”:[{“__type”:”booking+PropDates”,”dataValueField”:”02/19/14″,”dataValueField2″:”02/26/14″}]} 问题: 我的渲染function’highlightBookTableMonthsChange(开始,结束)’正确地接收日期,但似乎从这一点开始计算不同的输出日期,从1900年代早期到2100年代早期,在接下来的六个月内进行预订 – 取决于时间格式客户电脑!!! 所以我需要在某个地方绑定一个格式,以避免我认为在客户端代码中进行的某种假设日期计算。 Javascript函数: function showBookingData(data) { var len = data.d.length; var i = 0; for (i = 0; i < len; i++) { var sptype […]

创建Javascript日历(完整,不弹出)

我在创建一个javascript约会风格日历时遇到了一些困难。 虽然它确实渲染,但我知道这将是一种更有效的方法。 有没有人有他们用来创建日历的模式? 我将使用jQuery,但我不想使用某人的日历插件作为a)我没有找到一个适合我需要的东西和b)我永远不会通过使用别人的工作得到更好。 现在,请记住,我的问题不是关于加载数据或重复出现或类似的事情。 我基本上需要知道实际呈现日历标记的好模式。

jQuery FullCalendar – 尝试在日历上添加事件和显示失败

我正在尝试研究如何使用Adam Shaw的精彩jQuery插件 – FullCalendar在我们的项目中添加一个事件: 正在开发的在线气球订购页面 基本上,如果您单击“step1”并选择“在店内取货”,该页面将带您进入日历视图,您可以在其中点击“周”按钮的右上角将视图更改为每周基础。 我想要实现的是当客户点击一天中的空位时,她可以在该位置创建她的活动。 这是我在custom.js中的代码: dayClick: function() { var n = parseInt(this.className.match(/fc\-slot(\d+)/)[1]); alert(‘a day has been clicked on slot ‘ + n); //trying to add an event using the renderEvent() method. $(‘#’ + type + ‘Calendar’).fullCalendar(‘renderEvent’, { title : ‘my pickup slot’, start : new Date(y,m,d, 12, 30), end : new Date(y,m,d, […]

在日历中的特定日期之后更改背景颜色

我有一个事件日历。我想在特定日期[SOC DATE]之后将所有列的背景颜色更改为绿色,并在日期红色之后更改。 我的日历如下。 我设法使用以下jquery更改该日期的背景颜色[SOC DATE]。 $(“[data-date=2014-02-22]”).css(“background-color”,”#ff9bd7″); 但我无法改变过去和过去日期的颜色。 我试过$(“[data-date>2014-02-22]”).css(“background-color”,”red”); 但没有工作。 提前致谢。

是否有一个javascript日历,它将一个ical链接作为显示事件的输入?

我正在寻找一个基于javascript的日历,这将允许我指定一个远程ical文件用作事件的来源。 我知道谷歌将允许你导入ical然后通过js或iframe查看日历,但我需要随时将这个不可知的个人用户帐户。 有什么建议? 谢谢

在django app中使用jquery fullcalendar

我正在使用fullcalendar jquery库在我的django博客应用程序页面中显示日历。我有一些由登录user创建的Post ,并希望向他显示每个月的日历视图,以及他每天number of posts如果在某一天没有发布post,则为0或0。 我已经包含了fullcalendar libary中给出的javascript和css文件,我的页面成功显示了日历。但是,如何将数据从django视图传递到日历?当我检查html页面的来源时,我看到了日历由html表组成。 有没有人做过类似的事情?你能建议如何显示每个日历单元格中的post数量吗? 我试着想出这样的解决方案,对于特定的月份,我需要得到一个关键是白天的dict (例如:4月1日),价值是 len(Post.objects.filter(month=’april’ ,day=’1′)) 并将此dict传递给响应(它将上面的html页面呈现)。但是,如何让日历从该dict中获取每个值并将其显示在相应的单元格中? 如果我的想法有问题,请纠正我。 我选择了fullcalendar脚本,因为它看起来不错。但我不需要任何与事件相关的function。所以我对更简单的灵魂开放。如果你认为fullcalendar是矫枉过正,请建议一个更简单的选择

将jQuery fullcalendar集成到PHP网站中

我想将jQuery fullcalendar集成到我的PHP网站中,但我不知道如何处理该事件以及如何使用MySQL的JSON数据。 任何意见,将不胜感激。

如何使用javascript代码突出显示JQM-DateBox日历中的日期

如何使用两种不同的颜色突出日历中的单元格,即RED中的一些单元格和使用JavaScript的其他单元格 一些代码 javascript代码:单击按钮时显示日历,它应该设置日历的日期,但它没有。!! $(‘#linkmodelink’).live(‘click’, function() { $(‘#mydate’).datebox(‘open’); }); $(document).ready(function(){ // $(‘#thisPageID’).live(‘pagecreate’, function(event) { // Default picker value of Jan 1, 2012 var defaultPickerValue = [2011, 11, 29]; // Make it a date var presetDate = new Date(defaultPickerValue[0], defaultPickerValue[1], defaultPickerValue[2], 0, 0, 0, 0); // Get Today var todaysDate = new Date(); // Length of 1 […]

如何在jquery中获取所选日期

我跟着 jQuery UI Datepicker – Display inline $(function() { $( “#datepicker” ).datepicker(); }); Date: 这是为了获取日历并让日历始终显示在页面上。 现在我想要选择日期并将其传递给其他要处理的函数。 这该怎么做。 最好的Rgards