简体   繁体   English

加载页面时的完整日历滚动顶部

[英]Full calendar scroll top when page is loaded

I have this sample: 我有这个样本:

link 链接

CODE HTML: 代码HTML:

 $(document).on('pageshow','#index',function(e,data){ var date = new Date(); var d = date.getDate(); var m = date.getMonth(); var y = date.getFullYear(); $('#calendar').fullCalendar({ editable: true, events: [ { title: 'All Day Event', start: new Date(y, m, 1) }, { title: 'Long Event', start: new Date(y, m, d-5), end: new Date(y, m, d-2) }, { id: 999, title: 'Repeating Event', start: new Date(y, m, d-3, 16, 0), allDay: false }, { id: 999, title: 'Repeating Event', start: new Date(y, m, d+4, 16, 0), allDay: false }, { title: 'Meeting', start: new Date(y, m, d, 10, 30), allDay: false }, { title: 'Lunch', start: new Date(y, m, d, 12, 0), end: new Date(y, m, d, 14, 0), allDay: false }, { title: 'Birthday Party', start: new Date(y, m, d+1, 19, 0), end: new Date(y, m, d+1, 22, 30), allDay: false }, { title: 'Click for Google', start: new Date(y, m, 28), end: new Date(y, m, 29), url: 'http://google.com/' } ] }); }); 
  <!DOCTYPE html> <html> <head> <title>My Page</title> <meta name="viewport" content="width=device-width, initial-scale=1"/> <link rel="stylesheet" href="http://code.jquery.com/mobile/1.2.0/jquery.mobile-1.2.0.min.css" /> <script src="http://code.jquery.com/jquery-1.8.2.min.js"></script> <script src="http://code.jquery.com/mobile/1.2.0/jquery.mobile-1.2.0.min.js"></script> <script type='text/javascript' src='http://arshaw.com/js/fullcalendar-1.5.4/fullcalendar/fullcalendar.min.js'></script> <link rel='stylesheet' type='text/css' href='http://arshaw.com/js/fullcalendar-1.5.4/fullcalendar/fullcalendar.css' /> </head> <body> <div data-role="page" id="index"> <div data-role="header"> <h1>My Team</h1> </div><!-- /header --> <div data-role="content"> <div id='calendar' style="width:100%;"></div> </div><!-- /content --> </div><!-- /page --> </body> </html> 

The problem that I have is: 我遇到的问题是:

When calendar is loading, scrolling is half. 加载日历时,滚动为一半。 Look at the picture below to understand. 看下面的图片就可以了解。

在此输入图像描述

I want to start up the scroll bar 我想启动滚动条

What is causing this problem? 是什么导致了这个问题? I tried to use the following property scrollTime: '12:00:00' but does not work. 我尝试使用以下属性scrollTime: '12:00:00'但不起作用。

You can help me solve the problem please? 你可以帮我解决问题吗?

Thanks in advance! 提前致谢!

I see you are using version one in your fiddle, scrollTime is not supported in version one of full calendar. 我看到你在你的小提琴中使用第一版,在完整日历的第一版中不支持scrollTime。

To use this feature you will have to use version two. 要使用此功能,您必须使用第二版。

Upgrading to version 2 升级到版本2

jsbin of it working with version two. jsbin与第二版合作。

Update: I have just realised in version one you can set firstHour. 更新:我刚刚在第一版中意识到你可以设置firstHour。

firstHour: 0

I have updated your fiddle and it works. 我已经更新了你的小提琴 ,它的工作原理。

12:00表示中午时间,请改用:

scrollTime: '00:00'

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM