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

Customizing SharePoint list and implementing Quick search using jQuery