jquery ui datepicker图标不在同一行

Question

我的jquery datepicker图标一直显示在下一行，但应该与textboxfor一致。我把它缩小到@class =“form-control input-sm”。

这里是.net jsfiddle https://dotnetfiddle.net/GX2oOH

Answer 1

尝试设置宽度：自动;在这一行的最后

 @Html.TextBoxFor(model => model.Order_Date, new { @class = "form-control input-sm", id = "datepicker-orderdate", style = "width:auto;" })

告诉我接下来会发生什么。

Answer 2

将此添加到css并引用此类。

.ui-datepicker-trigger {
    display: inline;
    padding:0px;
    padding-left:3px;
    vertical-align:baseline;
    position:relative;
}