Tag: 日历

Jquery UI Datepicker onclick事件

我想在用户点击活动日期时打开一个url。 我使用jQuery UI Datepicker,我没有看到问题出在哪里。 这是我的代码: $(document).ready(function() { var events = [ { Title: “titre”, Idevent: “1”, Date: new Date(“05/20/2012”)}, { Title: “test24”, Idevent: “3”, Date: new Date(“06/14/2012”)} ]; $(“#calendarcaps”).datepicker({ beforeShowDay: function(date) { var result = [true, ”, null]; var matching = $.grep(events, function(event) { return event.Date.valueOf() === date.valueOf(); }); if (matching.length) { result = [true, […]

JavaScript NoGray日历使用带日历的下拉框而不是输入字段和日历

我试图使用NoGray日历与下拉输入而不是通常的输入字段,以便有一个日期,月份和年份的下拉框,他们更新日历和日历更新下拉列表。 我把它作为输入字段工作,如下所示: var my_cal1, my_cal2; ng.ready(function(){ my_cal1 = new ng.Calendar({ input: {date:’date1′, month:’month1′, year:’year1′}, selected_date:new Date(),display_date:new Date(), dates_off:[{date:26, month:11, year:2014},{date:27, month:11, year:2014},{date:28, month:11, year:2014},{date:29, month:11, year:2014},{date:30, month:11, year:2014},{date:31, month:11, year:2014}], events: { onLoad: function() { var st_dt = this.get_start_date().clone(); console.log(this.is_selectable(st_dt)[0]); while(!this.is_selectable(st_dt)[0]) { st_dt = st_dt.from_string(‘today + 1’); } // checking if no dates are selected […]

事件在完整日历中相互分享

我已经在全日历中创建了一个应用程序,应用程序工作正常,但问题是在星期视图下我今天有两个事件(2014年11月9日至15日) – 会议1和会议2,两者都在边界内您可以看到浅绿色事件的级别。 我面临的问题是事件正在分享通过拖放分配给他们的时间,如下所示。 由于我的要求是任何事件都不应与其他事件分享时间 任何人都可以告诉我一些解决方案 工作JSfiddle 我的代码如下所示 $(document).ready(function() { $(‘#calendar’).fullCalendar({ slotEventOverlap : false, header: { left: ‘prev,next today’, center: ‘title’, right: ‘month,agendaWeek,agendaDay’ }, defaultDate: ‘2014-11-12’, businessHours: true, // display business hours editable: true, events: [ { title: ‘Business Lunch’, start: ‘2014-11-03T13:00:00’, constraint: ‘businessHours’ }, { title: ‘Meeting 1’, start: ‘2014-11-13T11:00:00’, end: ‘2014-11-13T12:00:00’, constraint: ‘availableForMeeting’, […]

垂直日视图时间甘特图/时间线(类似于Outlook) – jQuery库

我需要创建一个垂直的“时间轴”图表,增量为1小时30分钟,15分钟或5分钟。 该function类似于Outlook或“日视图”计划程序,其中约会作为时间轴上的框放置。 我考虑过以下但有以下问题: Google Visualization,Vis.JS – 仅限水平时间轴,不支持垂直时间轴 jQuery FullCalendar.io,DayPilot – 某些function仅在Premium版本中提供,价格为500美元。 FullCalendar:DayTimeline View是优质的,DayPilot:非1hr增量是溢价 原始的免费工具,如jQuery Skeduler,不支持任何自定义间隔或真正的Date对象,我必须自己重绘标尺,或者自己实现重叠 关于这个问题的任何建议? 我甚至可以使用电子表格吗? 所需function: 8:00 ——— 8:30 […….] 9:00 ——— 9:30 […][..]

date.getTime不是函数

我想在javascript / jquery中比较一些日期。 但是我收到了一些错误。 我在这里做错了什么? dayRender: function (date, cell) { console.log(date.getTime()) } //这里是关键日期.getTime不是一个函数 这是我的function: $scope.myFunction =function(balance){ $(‘#fullCalendar’).fullCalendar({ defaultDate: balance.defaultDate, editable: true, eventLimit: true, events: [ { title: balance.title, start: balance.startDate } ], dayRender: function (date, cell) { // This is the callback function to modify a particular date cell. console.log(date.getDate()); //undefined } }); }

jQuery UI,日历,查看日期是否超过2年

Hay Guys,我正在使用jQuery UI系统中的bog标准Calendar。 显示的结果(在用户点击日期之后)是MM / DD / YYYY。 我想检查一下这个日期是不是2岁 即 说用户选择 01/27/2004 这应该说日期超过2年。 然而, 12/25/2008 应该通过测试。 有任何想法吗?

在jQuery UI日历小部件中突出显示日期

我有一个jQuery UI日历小部件,它显示在我的Web应用程序中。 我希望能够突出显示用户执行操作的当月的特定日期。 有没有办法做到这一点?

完整日历未显示所选日期

我想在日期选择上弹出selectedDate 我使用了之前post的解决方案: 从fullcalendar jquery获取选定日期 这是我的jsfiddle http://jsfiddle.net/100thgear/h9cc6/ 我的代码(Firebug没有错误) $(document).ready(function() { var date = new Date(); var d = date.getDate(); var m = date.getMonth(); var y = date.getFullYear(); var events_array = [ { title: ‘Test1’, start: new Date(2012, 8, 20), tip: ‘Personal tip 1’}, { title: ‘Test2’, start: new Date(2012, 8, 21), tip: ‘Personal tip 2’} ]; […]

fullCalendarjs方法fullCalendar(’clientEvents’)返回重复事件

我正在使用fullcalendar.io 我通过evenSources添加事件来动态填充我的日历。 如: $(‘.add-more-events’).on(‘click’, function(){ var myEventSourceUrl = // … get the event source url somehow var eventSourceColor = // … get the color for this source var eventSource = { type: ‘GET’, url: myEventSourceUrl, color: eventSourceColor }; $(‘.my-calendar’).fullCalendar(‘addEventSource’, eventSource); } 同样,我通过eventSource 删除事件,动态地取消填充我的日历。 如: $(‘.remove-some-events’).on(‘click’, function(){ var myEventSourceUrl = // … get the event source […]

Datetimepicker日历未在正确位置打开

我在paramquery网格中使用Eonasdan bootstrap datetimepicker。 从开始我遇到了一个问题,如果我打开datetimepicker,日历隐藏在网格内。 当我给出css条件时 .dropdown-menu { position: fixed; } 这是工作。 日历清晰可见,但未在正确的位置打开。 给定“position:fixed”后,如果单击选择器图标,则日历将在网格的右上角或网格的右下角打开。 它不是在确切的地方开放。 我该如何解决这个问题?