Tag: 日历

jQuery Ui日历，添加所选日期的链接？: 您好我使用jQuery UI日历来显示我的事件，设计很光滑，它完美地工作。但是，我想添加指向我的活动的链接（在我的日历上突出显示的日期），我找不到任何可以帮助我编写代码的内容。这是我的代码，用于选择我想要的日期并添加事件名称的工具提示： $(“#div-calendar”).datepicker({ beforeShowDay: highlightDays }); var dates = //Array Containing Events dates, names and link. //Highlight days on the calendar function highlightDays(date) { for (var i = 0; i < dates.length; i++) { if (date – dates[i][0] == 0) { return [true, '', dates[i][1]]; } } return [false]; } 我找到的唯一语法是： return [true, […]

Jquery日历禁用日期颜色: 如何将5月份禁用日期的背景颜色更改为红色？ var unavailableDates = [“9-5-2013”, “14-5-2013”, “15-5-2013”]; function unavailable(date) { dmy = date.getDate() + “-” + (date.getMonth() + 1) + “-” + date.getFullYear(); if ($.inArray(dmy, unavailableDates) == -1) { return [true, “”]; } else { return [false, “”, “Unavailable”]; } } $(function() { $(“#iDate”).datepicker({ dateFormat: ‘dd MM yy’, beforeShowDay: unavailable }); }); http://jsfiddle.net/JjPrU/178/

Fullcalendar v2 dayRender用于议程视图和议程周刊: 在Fullcalender的第2版中，我需要dayRender回调，我想改变禁用日的颜色。这个回调只适用于month，basicWeek和basicDay视图..但是我需要对AgendaWeek和议程进行回调。你对dayRender有任何其他选择或答案吗？我试试这个： dayRender: function(date, cell){ if (date > maxDate){ $(cell).addClass(‘disabled’); console.log(“ok”); } } 和我的看法 views: { agendaSix: { type: ‘agenda’, duration: { days: 6 }, buttonText: ‘5 day’, }, agendaFive: { type: ‘agenda’, duration: { days: 5 }, buttonText: ‘4 day’ }, agendaFour: { type: ‘agenda’, duration: { days: 4 }, buttonText: ‘3 […]

如何使用JQuery或javascript（客户端）禁用丰富的日历: 一切都在问题中，我想在客户端禁用并启用rich:calendar （例如使用javascript函数）。 xhtml元素： JSfunction： function change(checkbox, calendar){ if(jQuery(‘#’+checkbox).is(‘:checked’)){ // Enable calendar jQuery(‘#’+calendar).removeAttr(‘disabled’); } else{ // Disable calendar jQuery(‘#’+calendar).attr(‘disabled’,true); } } jQuery(‘#’+checkbox)返回一个输入input#checkbox但jQuery(‘#’+calendar)返回一个表table#calendar.rich-calendar-exterior而不是要禁用的组件。如何使用JQuery（或javascript）禁用丰富日历的输入和图标？编辑：生成html：

tipTip在ajax请求之后使用tiptip和jquery on（）处理’秒’hover: 我正在使用wordpress + ajax日历未来的post插件（ http://wordpress.org/extend/plugins/wordpress-plugin-ajax-calendar-with-future-posts/）+ tiptip插件http：//code.drewwilson。 com / entry / tiptip-jquery-plugin 。我设法让他们一起工作，虽然tiptip只适用于第二次hover – 我的意思是当你第一次在ajax请求tiptip没有显示时hover元素。我在主页上将日历用作小部件。这是我激活tiptip的方式。 jQuery(document).ready(function( $ ) { $(“#wp-calendar”).on(“hover”,” td a”, function(){ $(this).tipTip(); }); … }); 如果我使用它，它适用于初始加载 $(“#wp-calendar td a”).tipTip(); ，但它在ajax请求后消失了。问题是如何让tiptip显示它应该显示的方式：在’第一个hover’，mouseenter，mouseover等等。我已经尝试了所有这些事件。 AKA：如何使第一段代码正常工作。我试图找到一个答案，这让我进入了现在的舞台。通过这个超出我的“现在技能”。

jQuery UI Datepicker转到日期URL: 有没有人知道是否可以使用jQuery UI Datepicker，并且在单击日期时，将document.location设置为该日期，并附加到预设URL？所以，如果我点击其中一个日期，它可能会指示我： http://www.mysite.com?date=2009-10-25 我需要使用它作为快速浏览我的网站日历的快捷方式。想法？

用于预订房间的可resize的jQuery: 我正在查看可resize的jQuery UI元素： http ： //jqueryui.com/demos/resizable/#snap-to-grid 我有一个预订位置网格 – 即。左下方的一周中的几天，以及跨越顶部的一天中的几小时 – 所有这些都被安排为单独的DIV到网格中。我希望能够做的是，有人点击一个开放的插槽（或小时）来预订那个时间 – 但是，如果在点击之前或之后有时间可用，请允许此人将他们的小时预订调整为下一个小时，但不允许它在当天与现有的插槽重叠。有谁知道任何显示如何做到这一点的例子？谢谢你的任何指示

是否可以为Kendo DatePicker（日历）设置方向？: 我在表单底部有一个日历输入。当用户点击它时，日历会弹出输入创建滚动条。有什么办法可以设置DatePicker打开的方向吗？例如……左，右，上？这是我的代码： $(“#dpBirthDate”).kendoDatePicker(); 谢谢

jQuery DatePick填充输入 – 多次点击问题: 所以，我面临的最新困境：我使用jQuery DatePick（而不是DatePicker）来选择日期并使用这些日期填充输入字段。问题是每次单击日期时输入字段都会被填充。因此，如果我单击第23个，然后再次单击它以取消选择它，它会自动添加到输入（因此数据库数组）两次。代码如下： $(document).ready( function (){ $(‘.datePick’).datepick({ //rangeSelect: true, multiSelect: 999, monthsToShow: 2, multiSeparator: ‘:’, monthsToShow: 3, monthsToStep: 3, prevText: ‘Prev months’, nextText: ‘Next months’, onSelect: function(date) { var all_dates = $(‘#dateSelect’).val(); for (var i = 0; i < date.length; i++) { all_dates = ':'+$.datepick.formatDate('yyyy-mm-dd', date[i]); } $('#dateSelect').val($('#dateSelect').val()+all_dates); }}); //Ajax call for […]

在输入点击和附加图标上触发jQuery datepicker元素: 我有2个包含默认日期的输入字段，我正在使用jQuery的Datepicker插件从弹出式日历中选择日期。当前，当用户单击字段时，将显示此日历。这工作得很好，但是当用户也点击字段旁边的日历图标时，我还想触发日历的弹出窗口，所以我希望日历显示在两者上。我正在使用Twitter Bootstrap 3。以下是我目前的Jquery： $(“#FromDate”).datepicker({ dateFormat: ‘dd/mm/yy’, changeMonth: true, changeYear: true, }); $(“#ToDate”).datepicker({ dateFormat: ‘dd/mm/yy’, changeMonth: true, changeYear: true, }); 这就是我的页面看起来的样子