Sharepoint applied

Out of the box SharePoint comes with a date-picker control you can use with Calendar, Tasks or any other items that use a date/time column. Unfortunately, the control is not smart enough to detect when a user creates an items with the End Date earlier than the Start Date. Sharepoint will accept such an entry without a blink.

You can prevent this from happening by adding a JavaScript script to the NewForm.aspx page. Edin Kapić has come with a solution. The script posted, however, uses a getTagFromIdentifierAndTitle function written by Edit and posted on another page. Some users may find it confusing or be unable to “compile” the two into a single script. For those who prefer to simply copy / paste the code and use it straight away here it goes:

<script language=”javascript” type=”text/javascript”>
function PreSaveAction()
{
var date1 = getTagFromIdentifierAndTitle(“INPUT”,”DateTimeFieldDate”,”Start Date”);
var date2 = getTagFromIdentifierAndTitle(“INPUT”,”DateTimeFieldDate”,”End Date”);
var arrDate1 = date1.value.split(“/”);
var useDate1 = new Date(arrDate1[2], arrDate1[1]-1, arrDate1[0]);
var arrDate2 = date2.value.split(“/”);
var useDate2 = new Date(arrDate2[2], arrDate2[1]-1, arrDate2[0]);
if(useDate1 > useDate2)
{
alert(“The End Date cannot happen earlier than the Start Date”);
return false; // Cancel the item save process
}
return true; // OK to proceed with the save item
}
function getTagFromIdentifierAndTitle(tagName, identifier, title) {
var len = identifier.length;
var tags = document.getElementsByTagName(tagName);
for (var i=0; i < tags.length; i++) {
var tempString = tags[i].id;
if (tags[i].title == title && (identifier == “” || tempString.indexOf(identifier) == tempString.length – len)) {
return tags[i];
}
}
return null;
}
</script>

Once the script has been added to the New Item page users adding an item with incorrect dates will see the below when trying to submit the item:

Perfect !!