Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/ruby-on-rails/68.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
rails 3完整日历Javascript/Jquery_Javascript_Ruby On Rails_Fullcalendar - Fatal编程技术网

rails 3完整日历Javascript/Jquery

rails 3完整日历Javascript/Jquery,javascript,ruby-on-rails,fullcalendar,Javascript,Ruby On Rails,Fullcalendar,我正在处理我的网站的Rails 3完整日历。我是一个新手,但进展缓慢:)。。。我已经阅读了文档,可以看到这一点 $.fullCalendar.formatDate( date, formatString [, options ] ) -> String 是格式化日期布局的选项(我想)。由于我不熟悉javascript/jquery,我想知道是否有人能告诉我如何实现我的日期显示为DD/MM/YYYY的周视图和日视图。如果您能解释一下,我将非常感激。我相信您所发现的只是一个函数,用于格式化

我正在处理我的网站的Rails 3完整日历。我是一个新手,但进展缓慢:)。。。我已经阅读了文档,可以看到这一点

 $.fullCalendar.formatDate( date, formatString [, options ] ) -> String

是格式化日期布局的选项(我想)。由于我不熟悉javascript/jquery,我想知道是否有人能告诉我如何实现我的日期显示为DD/MM/YYYY的周视图和日视图。如果您能解释一下,我将非常感激。

我相信您所发现的只是一个函数,用于格式化某个特定位置的输出日期。例如,如果您想要一个js警报对话框来显示您可能编写的日期对象

alert('This date object is: ' + date);
这将创建一个对话,显示:

此日期对象为:2012年4月2日星期一07:45:00 GMT-0600(MDT)

您在那里找到的函数允许您将日期输出字符串格式化如下:

alert('This date object is: ' + $.fullCalendar.formatDate( date, "m-d-yy h:m" ));
$('#calendar').fullCalendar({
              editable: true,
              header: {
                  left: 'prev,next today',
                  center: 'title',
                  right: 'month,agendaWeek,agendaDay'
              },
              columnFormat: {
                  day: 'd/MM/yyyy',
                  week: 'd/MM/yyyy'
              },
              defaultView: 'agendaWeek',
              height: 500,
              slotMinutes: 15,
              loading: function(bool){
                  if (bool)
                      $('#loading').show();
                  else
                      $('#loading').hide();
              },
              events: "/events/get_events",
              timeFormat: 'h:mm t{ - h:mm t} ',
              dragOpacity: "0.5",
etc...
这将产生一段对话,内容如下:

这个日期对象是:15-2-12 7:15

我想也许你正在寻找的选择是列格式

这允许您格式化列顶部的日期读数。在您的情况下,将此选项添加到初始化中,它将启动如下操作:

alert('This date object is: ' + $.fullCalendar.formatDate( date, "m-d-yy h:m" ));
$('#calendar').fullCalendar({
              editable: true,
              header: {
                  left: 'prev,next today',
                  center: 'title',
                  right: 'month,agendaWeek,agendaDay'
              },
              columnFormat: {
                  day: 'd/MM/yyyy',
                  week: 'd/MM/yyyy'
              },
              defaultView: 'agendaWeek',
              height: 500,
              slotMinutes: 15,
              loading: function(bool){
                  if (bool)
                      $('#loading').show();
                  else
                      $('#loading').hide();
              },
              events: "/events/get_events",
              timeFormat: 'h:mm t{ - h:mm t} ',
              dragOpacity: "0.5",
etc...
查看所有文本/时间自定义选项,了解自定义日历其他部分的方法


非常感谢您的回答,现在对它有了更好的理解。我尝试将上述内容添加到我的calendar.js文件中,但当我呈现页面时,它会变为空白吗?我把它放在正确的地方了吗?检查你的js语法是否缺少括号或逗号。Firebug是一个用于Chrome或FF的插件,可以让您查看js是否在创建错误。columnFormat选项将只是日历初始化中的众多选项之一,编辑答案以显示更多的内容。感谢更新答案,(碰巧我将其放在了正确的位置)所以firebug在属性列表后给出missing}周:'d/MM/yyyy'……就我所知,一切都在正确的位置(如您的示例所示)别担心,明白了,在第一个d/MM/yy之后缺少逗号很有趣,}是如何表示逗号的??