jquery - 如何让 jQuery Mobile 的日期选择器在字段的中心而不是左侧弹出？

Question

这是一个fiddle .

HTML:

<input data-role="date" type="text">

JavaScript:

jQuery.fn.center = function () {
    this.css("position","absolute");
    this.css("top", (($(window).height() - this.outerHeight()) / 2) + $(window).scrollTop() + "px");
    this.css("top", (($(window).width() - this.outerWidth()) / 2) + $(window).scrollLeft() + "px");
    return this;
};

$("datepickerinput").datepicker({
    beforeShow: function(input, inst) {
        $(".ui-datepicker").center();
    }
});

我似乎无法操纵 beforeShow事件使日历出现在中心。

Answer 1

要使日期选择器居中对齐，请尝试以下代码。我给了左边100，你可以根据你的来改变。

$(document).on("click","#date1",function(){
// $("#ui-datepicker-div").attr('align', 'center');
$("#ui-datepicker-div").css({left: 100, position:'absolute'});
});

引用这个 FIDDLE DEMO