jQuery日期选择器中按钮的位置

我找了不少，找不到我问题的答案

我已经在jQuery日期选择器中启用了按钮面板，但现在想知道是否可以更改按钮的位置？我需要一个“今天”和“昨天”按钮

我已经为“昨天”的自定义按钮编写了代码，但是有没有办法改变它的位置

我需要做的是按“昨天-今天完成”的顺序排列按钮。目前，它们的显示方式如下所示

我也尝试过为“Today”的自定义按钮编写代码，但它的位置仍然不正确，除此之外，我似乎无法找到在buttonPanel中隐藏默认按钮的方法

我的日期选择器代码如下-：

var选项={
格式：“dd/mm/yyyy”，
货柜:货柜,，
今天的亮点：没错，
自动关闭：是的，
beforeShow:函数（输入）{
//dpClearButton（输入）；
dpMaxButton（输入）；
},
showButtonPanel：是的，
beforeShow:函数（输入）{
//dpClearButton（输入）；
dpMaxButton（输入）；
},
onChangeMonthYear：函数（yy，mm，inst）{
dpMaxButton（仪表输入）；
}
};
功能dpMaxButton（输入）{
setTimeout（函数（）{
var d=新日期（）；
var Date=新日期（（新日期（））.valueOf（）-1000*60*60*24）；
//警报（昨天）；
var buttonPane=$（输入）
.datepicker（“小部件”）
.find（“.ui日期选择器按钮面板”）；
$("", {
文本：“昨天”，
单击：函数（）{
jQuery（input）.datepicker（'setDate'，昨天）；
jQuery（输入）.datepicker（'hide'）；}
}).appendTo（buttonPane）.addClass（“ui日期选择器清除ui状态默认ui优先级主ui角点全部”）；
}, 1)
};
日期输入。日期选择器（选项）；
$.datepicker.\u gotoDay=函数（id）{
$（id）.datepicker（'setDate'，new Date（））.datepicker（'hide'）.blur（）；
};

我已经更新了代码：

首次添加css

.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current{
  float:none !important;
}
.pull-left{
  float:left !important;
}

JS:

$（函数（）{
$（“.datepicker”）.datepicker({
showButtonPanel：是的，
beforeShow:函数（输入）{
//dpClearButton（输入）；
dpMaxButton（输入）；
},
onChangeMonthYear：函数（yy，mm，inst）{
dpMaxButton（仪表输入）；
}
});
功能dpMaxButton（输入）{
setTimeout（函数（）{
var d=新日期（）；
var Date=新日期（（新日期（））.valueOf（）-1000*60*60*24）；
//警报（昨天）；
var buttonPane=$（输入）
.datepicker（“小部件”）
.find（“.ui日期选择器按钮面板”）；
$("", {
文本：“昨天”，
单击：函数（）{
jQuery（input）.datepicker（'setDate'，昨天）；
jQuery（输入）.datepicker（'hide'）；}
}).appendTo（buttonPane）.addClass（“ui日期选择器清除ui状态默认ui优先级主ui角全部向左拉”）；
}, 1)
}
$.datepicker.\u gotoDay=函数（id）{
$（id）.datepicker（'setDate'，new Date（））.datepicker（'hide'）.blur（）；
};
});

你能创建工作代码段吗？@Bhumisaha在我的问题中添加了一个JSFIDLE

.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current{
  float:none !important;
}
.pull-left{
  float:left !important;
}

$(function() {
$(".datepicker").datepicker({
    showButtonPanel: true,
    beforeShow: function (input) { 
                //dpClearButton(input);    
                dpMaxButton(input); 

            },
      onChangeMonthYear: function (yy, mm, inst) { 

                dpMaxButton(inst.input); 
            }
});
function dpMaxButton (input) {
            setTimeout(function () {
                var d = new Date();
                var yesterday = new Date((new Date()).valueOf() - 1000*60*60*24);
                //alert (yesterday);
                var buttonPane = $(input)
                .datepicker("widget")
                .find(".ui-datepicker-buttonpane");
                $("<button>", {
                    text: "Yesterday",
                    click: function () { 
                         jQuery(input).datepicker('setDate', yesterday);   
                         jQuery(input).datepicker('hide'); }
                }).appendTo(buttonPane).addClass("ui-datepicker-clear ui-state-default ui-priority-primary ui-corner-all pull-left");
            }, 1)
        }
    $.datepicker._gotoToday = function(id) { 
            $(id).datepicker('setDate', new Date()).datepicker('hide').blur(); 
        };
});