jquery - 将完整日历右标题从按钮更改为列表项

标签 jquery html css fullcalendar

我正在使用 FullCalendar,我想做以下事情 - 请建议最好的方法:

  1. 我想将右标题重新定位到最左边
  2. 目前标题选项显示为内联 block 按钮。我想 它们显示为列表项。 onclick 功能应该 不受影响。

最佳答案

我自己想通了: 要添加一个新按钮只需要添加以下
$('.fc-header-right').append('一些按钮');

要以垂直列表显示格式将所有标题右侧按钮对齐到屏幕左侧,需要向 fullCalendar.css 添加样式

.fc-header-right{
     position:absolute;
     left:0 ;
}

并为按钮添加一个类并为该类添加样式

.fc-header-right-button {
    position: relative;
    display: table;
    padding: 0 .6em;
    overflow: hidden;
    height: 1.9em;
    line-height: 1.9em;
    white-space: nowrap;
    cursor: pointer;
    margin-left: 50px;
}

关于jquery - 将完整日历右标题从按钮更改为列表项,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/15760012/

相关文章:

javascript将变量添加到输入字段rails

javascript - Morris.Line 图 x 和 y Axis 标签未显示

html - Bootstrap 网格方案垂直对齐两个 col-md

javascript - Protractor - 如何通过自定义(非 HTML)属性定位元素?

javascript - 用于多个 div 的 jQuery slideToggle

html - 使用内联 block 将垂直对齐应用于两个 div

javascript - 更改 Kendo Grid 列绑定(bind)

javascript - 让 jQuery 将宽度设置为百分比而不是像素

html - 如何在 <div> 元素 css 中垂直对齐文本?

Java Selenium 按钮单击