【问题标题】:Angularstrap datapicker There is an "easy" way to remove day nameAngularstrap datapicker 有一种“简单”的方法可以删除日期名称
【发布时间】:2017-04-26 14:28:11
【问题描述】:

我只是想去掉这个tr,默认没有特定的css选择器 我想知道是否有自定义方法可以删除它

【问题讨论】:

  • 你能告诉我们你的代码吗?
  • 没有特别的代码,是同一个例子的角带文档:mgcrea.github.io/angular-strap/#/datepickers
  • 我确定有一个选择器可以删除它。也许是 `.datepicker table tr:nth-child(1)' 或类似的东西。尝试一些事情,然后如果您遇到问题,请根据您的尝试更新您的问题。

标签: angularjs angular-strap datapicker


【解决方案1】:

这个“tr”没有任何特定的类。

您可以做的是在 chrome 开发工具中打开它,方法是右键单击元素并选择检查,然后右键单击“tr”,然后单击复制,然后单击复制选择器。这是您现在可以在 CSS 中使用的选择器。

尽管在 datePicker 头元素上有一个 ID 或类。这将有助于缩短选择器路径。

对于https://angular-ui.github.io/bootstrap/#!#datepicker 上的一个,选择器将是 #datepicker > div:nth-child(2) > div.col-md-6.show-grid > div > div > div > div > div >表 > thead > tr:nth-child(2)

然后使用 CSS 隐藏它。

【讨论】:

  • 知道了!:thead{ tr:last-child{ display:none;可见性:隐藏; };
【解决方案2】:

试试这个:

tr.ng-binding.ng-scope {
    display: none;
}

(plunker example)

【讨论】:

    猜你喜欢
    • 2022-01-19
    • 2015-05-12
    • 2011-02-17
    • 1970-01-01
    • 2023-04-03
    • 1970-01-01
    • 2011-03-20
    相关资源
    最近更新 更多