时间戳

首页 > 解决方案 > 如何更改 datetimepicker xdsoft 日历的字体大小

javascript - 如何更改 datetimepicker xdsoft 日历的字体大小

问题描述

我在我的 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>

没有成功。

标签： javascripthtmljquerydjango

解决方案

你可以在 CSS 中做到这一点。我尝试增加字体大小，但它没有响应。所以增加高度和宽度就可以了。

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

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

推荐阅读