如何使日期选择器日历按钮居中
如何使日期选择器日历按钮居中
提问于 2012-12-02 06:14:17
使用下面的代码将打开日历的自定义按钮添加到Jquery ui datepicker小部件中。
按钮与输入字段不在同一行：
如何将按钮向下移动，使其与其他元素显示在同一行？
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);回答 1
Stack Overflow用户
回答已采纳
发布于 2012-12-02 06:35:30
尝试将相同的vertical-align CSS属性添加到输入和按钮。例如，$(elem).next('button.ui-datepicker-trigger').andSelf().css("verticalAlign", "middle");
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/13664288
复制相关文章
相似问题
腾讯云开发者
