jquery - 日历设计

Question

我找到了下面的日历设计。

以前我使用 ajax 日历扩展器，但突然我的客户在他的应用程序中需要它。

我已经尝试过为 ID、class 设置样式，但没有一个起作用..

正如你在这张图片中看到的，有“清除日期”..如何放置这个文本并处理它..

此日历网址

我认为它类似于 jquery ui，但我不确定..

任何帮助表示赞赏。

提前致谢..

Answer 1

是的，它是一个 jquery UI DatePicker。

如果你想做'清除日期'按钮，你可以使用这个代码。

$(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