Highlight Today’s date in SharePoint 2013 Calendar List

How to Highlight Today’s date in SharePoint 2013 Calendar List using jQuery

Step 1: Go to your Calendar list, Edit page and add Script Editor Web Part to it.


Step 2: Paste the below code to Script Editor Web Part
Code:

<script type="text/javascript" src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.8.3.min.js"></script>
<script type="text/javascript">
$(function(){
    //append text
    var originText=$(".ms-acal-today").find("nobr").text();
    $(".ms-acal-today").find("nobr").text(originText+"Today");

    //change the background
    $(".ms-acal-today").css("background-color","yellow");
    $(".ms-acal-today").css("font-style","italic");
    $(".ms-acal-today").css("font-size","37px");
      
});
</script>


Comments

  1. Thanks for your post. However it works properly in IE, but it doesn't work in Edge. What had I missed?

    ReplyDelete

Post a Comment

Popular posts from this blog

How to Customize exported excel's cell background color in Datatables

Populate dropdown using jquery ajax in SharePoint

Clear DataTable on button click