Дизайн календаря

Question

Я нашел дизайн для календаря, который находится ниже.

Раньше я использовал Ajax календарь extendar, но вдруг мой клиент нуждается в этом в своем заявлении.

Я попытался стайлинг для удостоверения личности, класса, но ни один из них не работал ..

как вы можете видеть в этом изображении, есть «Очистить даты» .. Как поставить этот текст и ручки, что ..

This calendar url

Он похож на Jquery UI я думаю, но я не уверен ..

Любая помощь приветствуется.

Заранее спасибо ..

Answer 1

Да это JQuery UI DatePicker.

И если вы хотите, то «» отметьте дату 'button, U можете использовать этот код.

$(function() { 
$("#datepicker").datepicker({ 
     showButtonPanel: true, 
     beforeShow: function(input) { 
     setTimeout(function() { 
      var clearBut = $(input) 
      .datepicker("widget") 
      .find(".ui-datepicker-buttonpane"); 

      $("<button>", { 
      text: "Clear date", 
      click: function() { 
       $.datepicker._clearDate(input); 
      } 
      }).appendTo(clearBut); 
     }, 3); 
     } 
    }); 
}); 

JSFIDDLE