jquery ui datepicker 图标不在同一行答案

【问题标题】：jquery ui datepicker icon not on samelinejquery ui datepicker 图标不在同一行
【发布时间】：2014-09-25 07:34:09
【问题描述】：

我的 jquery datepicker 图标一直显示在下一行，但应该与 textboxfor 内联。我已将其范围缩小到 @class= "form-control input-sm"。

【问题讨论】：

【解决方案1】：

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

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

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

【讨论】：

【解决方案2】：

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

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

【讨论】：