ASPForums.Net RSS Feedhttp://www.aspforums.net/Handlers/RSS.ashxLatest additions to the content that appears on ASPForums.Net(c) 2019 www.aspforums.com. All rights reserved.Highlight specific Dates in Bootstrap Calendar based on specified Dates using jQuery<p>Hi&nbsp;nauna,</p> <p>Use&nbsp;dayRender event to highlight the database dates.</p> <p>Check this example. Now please take its reference and correct your code.</p> <p><strong><span style="text-decoration: underline;">HTML</span></strong></p> <pre class="brush: html">&lt;link href=&#34;//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/css/bootstrap.min.css&#34; rel=&#34;stylesheet&#34; /&gt; &lt;script type=&#34;text/javascript&#34; src=&#34;//code.jquery.com/jquery-1.11.1.min.js&#34;&gt;&lt;/script&gt; &lt;script type=&#34;text/javascript&#34; src=&#34;//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/js/bootstrap.min.js&#34;&gt;&lt;/script&gt; &lt;script src=&#34;FullCalendar.js&#34; type=&#34;text/javascript&#34;&gt;&lt;/script&gt; &lt;link href=&#34;StyleSheet.css&#34; rel=&#34;stylesheet&#34; type=&#34;text/css&#34; /&gt; &lt;link rel=&#34;stylesheet&#34; href=&#34;https://fonts.googleapis.com/css?family=Roboto:100,100i,300,300i,400,400i,500,500i,700,700i,900,900i&#34; /&gt; &lt;script type=&#34;text/javascript&#34;&gt; $(document).ready(function () { // Get the dates from database using ajax call. var dates = []; dates.push(new Date(&#39;2019/07/16&#39;)); dates.push(new Date(&#39;2019/07/17&#39;)); dates.push(new Date(&#39;2019/07/20&#39;)); dates.push(new Date(&#39;2019/06/25&#39;)); dates.push(new Date(&#39;2019/08/10&#39;)); var calendar = $(&#39;#calendar&#39;).fullCalendar({ dayRender: function (daysOfWeek, cell) { for (var i = 0; i &lt; dates.length; i++) { var reqDate = dates[i]; if (reqDate.toDateString() == daysOfWeek.toDateString()) { $(cell).addClass(&#39;fc-state-highlight&#39;); } } } }); }); &lt;/script&gt; &lt;div id=&#34;calendar&#34; style=&#34;height: 400px; width: 400px;&#34;&gt; &lt;/div&gt;</pre> <p><strong><span style="text-decoration: underline;">Screenshot</span></strong></p> <p><strong><span style="text-decoration: underline;"><img src="https://i.imgur.com/bcZrNL9.gif" alt="" width="352" height="348" /></span></strong></p>https://www.aspforums.net:443/Threads/248742/Highlight-specific-Dates-in-Bootstrap-Calendar-based-on-specified-Dates-using-jQuery/https://www.aspforums.net:443/Threads/248742/Highlight-specific-Dates-in-Bootstrap-Calendar-based-on-specified-Dates-using-jQuery/Tue, 16 Jul 2019 07:53:52 GMT