[英]css trying to resize jQuery datepicker
I need to resize this datepicker... But the calendar part just doesn't want to resize with the datepicker...我需要调整这个日期选择器的大小......但日历部分只是不想用日期选择器调整大小......
Image:图片:
Code(CSS):代码(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%;
}
}
Edit :编辑:
here is my javascript这是我的 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" });
});
Better to change the font size of date picker rather than width.Just try this code:最好改变日期选择器的字体大小而不是宽度。试试这个代码:
.ui-datepicker{
font-size:13px;
}
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.