Warning: file_get_contents(/data/phpspider/zhask/data//catemap/4/jquery-ui/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何居中选择日期选择器日历按钮_Javascript_Jquery Ui_Jquery Ui Datepicker - Fatal编程技术网

Javascript 如何居中选择日期选择器日历按钮

Javascript 如何居中选择日期选择器日历按钮,javascript,jquery-ui,jquery-ui-datepicker,Javascript,Jquery Ui,Jquery Ui Datepicker,使用下面的代码将打开日历的自定义按钮添加到jQueryUIDatePicker小部件中 按钮与输入字段不在同一行中: 如何向下移动按钮,使其与其他元素显示在同一行中 setTimeout(function () { $(elem).css({ "box-sizing": "border-box", width: "68px" }).datepicker({ dateFormat: 'dd.mm.yy', showOn: 'button',

使用下面的代码将打开日历的自定义按钮添加到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);

尝试将相同的
vertical align
CSS属性添加到输入和按钮。
e、 例如,
$(elem).next('button.ui日期选择器触发器')和self().css(“垂直对齐”,“中间”)

您是否尝试过使用css定位元素?