removing special date by clicking button

by Berat Emre Nebioğlu

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
<link rel="stylesheet" href="https://www.jqwidgets.com/public/jqwidgets/styles/jqx.base.css">
<link rel="stylesheet" href="https://www.jqwidgets.com/public/jqwidgets/styles/jqx.energyblue.css">
<script src="https://www.jqwidgets.com/public/jqwidgets/jqx-all.js"></script>
<script src="https://www.jqwidgets.com/jquery-widgets-demo/demos/jqxgrid/generatedata.js"></script>
        <div id='jqxCalendar'></div>
        <br />
        <button id="checkIfSpecialDate">
          Check if April 5 2016 is a special date
        </button>

CSS

body {  width: 100%; height: 100%; }

JavaScript

$(document).ready(function() {
    $("#jqxCalendar").jqxCalendar({
      width: '200px',
      height: '200px',
      enableTooltips: true,
      specialDates: [{
        Date: new Date(2016, 3, 5),
        Class: '',
        Tooltip: 'Date 1'
      }, {
        Date: new Date(2016, 4, 27),
        Class: '',
        Tooltip: 'Date 2'
      }]
    });
    
    $('#checkIfSpecialDate').click(function() {
      var specialDates = $("#jqxCalendar").jqxCalendar('specialDates');
      var date = new Date(2016, 3, 5);
      for (var i = 0; i < specialDates.length; i++) {
        if (specialDates[i].Date.getTime() === date.getTime()) {
            //$("#jqxCalendar").jqxCalendar('specialDates', date.getTime());
          alert('Yes');
          return;
        }
      }
      alert('No');
    });
   
});