javascript - 无法在谷歌地图上加载 jquery datepicker

Question

我无法在谷歌地图上加载日期选择器这是代码

JS

function CreateMapTopControl(controlDiv, controlElement, controlId, map, event, response) {

    controlDiv.style.padding = '5px';
    var controlUI = document.createElement(controlElement);
    controlUI.id = controlId;
    controlDiv.appendChild(controlUI);
    google.maps.event.addDomListener(controlUI, event, function() {
        response();
        return false;
    });
    return controlUI;
}


$(document).ready(function() {

    maplct.initialize(document.getElementById('mapDiv'));

    var dateDiv = document.createElement('div');
    dateSel = new CreateMapTopControl(dateDiv, "input", "dateId", maplct.mapObject, "change", getMapRoute);
    dateDiv.index = 2;
    maplct.mapObject.controls[google.maps.ControlPosition.TOP].push(dateDiv);
    $(dateSel).attr("type", "text")
    $(dateSel).attr("style", "height:15px;width:100px;");
    var curDate = new Date();
    var d = curDate.getUTCDate();
    var dd = (d < 10) ? "0" + d : d;
    var m = curDate.getUTCMonth() + 1;
    var mm = (m < 10) ? "0" + m : m;
    var YYYY = curDate.getUTCFullYear();
    var formattedDate = YYYY + "-" + mm + "-" + dd;
    $(dateSel).val(formattedDate);
    $(dateSel).datepicker({dateFormat: 'yy-mm-dd'});
    $(dateSel).datepicker( "refresh" );
});

地图在文件末尾加载，看起来 css 没有应用。