如何更改日期时间选择器 xdsoft 日历的字体大小

Question

我在html模板中使用以下jQuery日历： https://xdsoft.net/jqplugins/datetimepicker/

我想增加日历的大小，我知道我必须更改字体大小才能做到这一点。

<script>
$(function () 
{
$("#id_mydate").datetimepicker
({
format: 'd - m - Y H:i',
inline:true,
});
});
</script>

我怎样才能从html/javascript或jquery执行此操作？

我试过这个：

<style>
.datetimepicker {
font-size: 20px;
}
</style>

而这个：

<style>
#id_mydate {
font-size: 20px;
} 
</style>

没有成功。

Answer 1

你可以在CSS中做到这一点。 我尝试增加字体大小，但没有响应。因此，增加高度和宽度将完成工作。

以下是此日期选择器使用的实际类

.xdsoft_datepicker {
width: 341px !important; /*adjust accordingly*/
}

.xdsoft_calendar table, .xdsoft_time_box{
height: 341px !important;/*adjust accordingly*/
}