如何集中日期選擇日曆按鈕

Question

使用下面的代碼將自定義按鈕打開日曆添加到Jquery UI日期選擇器窗口小部件。

按鈕並不在同一行顯示爲輸入字段：

，使其出現在同一行與其他元素如何上下移動鍵？

setTimeout(function() { 
    $(elem).css({ "box-sizing": "border-box", width: "68px" }).datepicker({ 
     dateFormat: 'dd.mm.yy', 
     showOn: 'button', 
     changeYear: true, 
     changeMonth: true, 
     showWeek: true, 
     showButtonPanel: true 
    }) 
    .removeClass("ui-corner-all").addClass("ui-corner-left"); 

    $(elem).next('button.ui-datepicker-trigger').button({ 
     text: false, 
     icons: { primary: 'ui-icon-calculator' } 
    }).css({ width: '1em', height: '1em' }) 
     .removeClass("ui-corner-all").addClass("ui-corner-right") 
    .find('span.ui-button-text') 
    .css({ padding: '0.1em' }) 
    .siblings('span.ui-button-icon-primary') 
    .css({ marginLeft: "-8.5px", marginTop: "-8.5px" }); 

}, 100); 

Answer 1

嘗試添加相同的vertical-align CSS屬性到輸入和按鈕。 例如，$(elem).next('button.ui-datepicker-trigger').andSelf().css("verticalAlign", "middle");