Unable to set “End Time” of Calendar through Javascript

Question

I am trying to set default value of "End Time" field in Calender NewForm.aspx page. Here is my code:

var txtDate = $("#" + $("label:contains('End Time Date')").attr("for"));
var cboHours = $("#" + $("label:contains('End Time Hours')").attr("for"));
var cboMinutes = $("#" + $("label:contains('End Time Minutes')").attr("for"));

txtDate.val("1/4/2013");
cboHours.val("9 AM");
cboMinutes.val("30");

Through break point, I can see that values are properly set on respective dropdowns of "End Time" field, but after my JavaScript code, SharePoint change back those values to +1 hour of current selected "Start Time". If "Start Time" value is "1/4/2013 6:30 AM", SharePoint change back the value of "End Time" to "1/4/2013 7:30 AM".

I am wondering if there is any to set value of "End Time" through Javascript. Or else, if there is any Javascript hack to remove dependency between "Start Time" and "End time"?

Answer 1

In order to init form fields on the client side make sure that your code is executed after page is loaded, for example place your call into SharePoint specific function _spBodyOnLoadFunctionNames

function initEndDateEvent()
{
   var txtDate = $("#" + $("label:contains('End Time Date')").attr("for"));
   var cboHours = $("#" + $("label:contains('End Time Hours')").attr("for"));
   var cboMinutes = $("#" + $("label:contains('End Time Minutes')").attr("for"));

   txtDate.val("1/9/2013");
   cboHours.val("9 AM");
   cboMinutes.val("30");
}


_spBodyOnLoadFunctionNames.push("initEndDateEvent");

New form for Calendar for this case will look like this

Answer 2

You can disable modal windows using

Library/List Settings > Advanced Settings > "Launch Forms in a Dialog" > No

Turns out there is a script that you can load for your newform.aspx page (that being the page you gets when not using modal windows) that will handle the start and end times using jquery.

Source: http://blog.pentalogic.net/2009/09/setting-default-duration-for-new-calender-events/

HTH

Answer 3

When are you firing your code? I often use $("#OnetListID").ready() when trying to change fields when the page loads.