css试图调整jQuery datepicker

时间:2015-07-01 11:31:22

标签: javascript jquery html css datepicker

我需要调整这个日期选择器的大小...但是日历部分只是不想使用datepicker调整大小...

图像:

datepicker

码(CSS):

.ui-datepicker-inline {
    margin: 0 auto;
    margin-top: 10px;
    margin-bottom: 10px;
    background: #FFFFFF;
}
@media screen and (max-width: 540px) {
    #headerSeparator {
        width: 80%;
    }
    .ui-datepicker-inline, .ui-datepicker, .ui-datepicker-calendar, .ui-widget-content {
        width: 80%;
    }
}

修改

这是我的javascript

$(document).ready(function()
                    {
                        $("#datepicker").datepicker({ dayNamesMin: ["DIM", "LYN", "MAR", "MER", "JEU", "VEN", "SAM"], monthNames: ["Janvier", "Février", "Mars", "Avril", "Mai", "Juin", "Juillet", "Août", "Septembre", "Octobre", "Novembre", "Décembre"], altField: "#date", dateFormat: "yy-mm-dd" });
                    });

1 个答案:

答案 0 :(得分:1)

最好更改日期选择器的字体大小而不是宽度。只需尝试以下代码:

.ui-datepicker{
 font-size:13px;
}