日曆設計

Question

我找到了一個下面的日曆設計。

以前我是用ajax日曆extendar，但突然我的客戶需要可以在他自己的應用程序。

我已經嘗試了ID，類造型，但沒有一次成功..

，你可以在此圖像中看到，有一個「清除日期」。如何把這個文本並處理..

This calendar url

它類似於jQuery用戶界面我想，但林不知道..

任何幫助表示讚賞。

在此先感謝..

Answer 1

是的，它是一個jQuery UI的DatePicker。

如果你想做'清除日期'按鈕，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