0

カレンダーを開くためのカスタムボタンが、以下のコードを使用してJqueryuidatepickerウィジェットに追加されます。

ボタンが入力フィールドと同じ行に表示されない：

ここに画像の説明を入力してください

他の要素と同じ行に表示されるようにボタンを下に移動するにはどうすればよいですか？

 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);
4

1 に答える 1

1

vertical-align入力とボタンの両方に同じCSSプロパティを追加してみてください。例えば、$(elem).next('button.ui-datepicker-trigger').andSelf().css("verticalAlign", "middle");

于 2012-12-01T22:35:30.137 に答える