Calendar 离子2日历CSC类不工作

我正在用ionic生成日历。我无法使用dateconfig的cssClass对日期进行颜色更改

下面是我正在使用的代码

`daysConfig（）{

}`

css类

.my-cal{
颜色：黄色
}

cssClass仅添加到包含文本的

元素所在的按钮中

因此，要正确更改颜色，必须首先引用

元素并将颜色指定给该元素

范例

.ts

cssClass:“我的卡”

.scss

---

cssClass仅添加到包含文本的

元素所在的按钮

因此，要正确更改颜色，必须首先引用

元素并将颜色指定给该元素

范例

.ts

cssClass:“我的卡”

.scss

---

解决方案之一是将此代码添加到全局scss/css样式中

ion-calendar { .my-cal{ background-color: #6E6B6B !important; p{ color: white !important; } }}

---

稍后将“my cal”类添加到通缉日。

解决方案之一是将此代码添加到您的全局scss/css样式中

ion-calendar { .my-cal{ background-color: #6E6B6B !important; p{ color: white !important; } }}

---

稍后在通缉日增加“我的cal”课程。

经过近5个小时的长时间学习，可以解决这个问题。

请在离子液体中找到以下溶液

在global.scss中定义以下类

.my-cal {
    background-color: red !important;
}

记住不要在其他地方定义这个类

现在在您的days配置中使用此选项，如下所示：

let[u daysConfig:DayConfig[]=[]；
for（设i=0；i<31；i++）{
_daysConfig.push({
日期：新日期（2020年4月1日），
标记：false，
副标题：`$${i+1}`，
cssClass:“我的卡尔”
})
}

---

希望它能帮助一些人：）

经过将近5个小时的长时间研究，可以解决这个问题。

请在离子液体中找到以下溶液

在global.scss中定义以下类

.my-cal {
    background-color: red !important;
}

记住不要在其他地方定义这个类

现在在您的days配置中使用此选项，如下所示：

let[u daysConfig:DayConfig[]=[]；
for（设i=0；i<31；i++）{
_daysConfig.push({
日期：新日期（2020年4月1日），
标记：false，
副标题：`$${i+1}`，
cssClass:“我的卡尔”
})
}

---

希望对某人有所帮助：）

您需要更改所选日期的颜色吗？如果是这样，您可以在所选类上使用ion calendar month.primary.days.来覆盖背景色属性。是的，但我想通过不选择我想在不同颜色上显示的类似事件来添加自定义颜色是否有人获得解决方案需要更改所选日期的颜色？如果是这样，您可以在所选类上使用ion calendar month.primary.days.来覆盖背景色属性。是的，但我想通过不选择我想在不同颜色上显示的类似事件来添加自定义颜色。是否有人获得解决方案？我想您没有在global.scss中添加此代码…这在ionic 4项目中运行良好。在ts文件this.test.push（{date:new date（this.date.getFullYear（）、this.date.getMonth（）、this.date.getDate（）），//标记为：true，//标题：i+[innerHTML]=“0”，副标题：“p”，cssClass:“my cal”}）}我认为您没有在global.scss中添加此代码……这在ionic 4项目中运行良好。在ts文件this.test.push（{date:new date（this.date.getFullYear（）、this.date.getMonth（）、this.date.getDate（）），//标记为：true，//标题：i+[innerHTML]=“0”，副标题：“p”，cssClass:“my cal”}） }

let _daysConfig: DayConfig[] = [];
    for (let i = 0; i < 31; i++) {
      _daysConfig.push({
        date: new Date(2020, 4, i + 1),
        marked: false,
        subTitle: `$${i + 1}`,
        cssClass: 'my-cal'
      })
    }