Question

我在角度应用程序中使用了Kendo UI Scheduler小部件，并且调度程序的标题部分有两个相同的日期，没有空格。显示的日期取决于我正在查看的日历的哪一天/每周/等。

输出HTML如下所示：

<div kendo-scheduler>
  <div class="k-header">
    <ul class="k-reset k-scheduler-navigation"
      <li class="k-state-default k-header k-nav-today">...</li>
      <li class="k-state-default k-header k-nav-prev">...</li>
      <li class="k-state-default k-header k-nav-next">...</li>
      <li class="k-state-default k-nav-current">
        <a role="button" class="k-link" href="#">
          <span class="k-icon k-i-calendar"></span>
          <span class="k-sm-date-format" data-bind="text: formattedShortDate">8/5/2015 - 8/12/2015</span>
          <span class="k-lg-date-format" data-bind="text: formattedDate">Wednesday, August 05, 2015-Wednesday, August 12, 2015</span>
        </a>
      </li>
    </ul>
  </div>
</div>

注意最后一个<li>内的底部两个跨度。如何删除其中一个？我找不到在任何地方编辑标题的方法。

Answer 1

最简单的方法是在页面或样式表中添加类似的内容。虽然不一定是最干净的。

<style>
    .k-sm-date-format{
        display:none;
    } 
</style>

Answer 2

这就是我的所作所为。

注意：请勿隐藏“k-sm-date-format”类，因为在移动设备中，日期将不可见。

  function scheduler_databound(e) {
                        //hide dual date kendo error.
                        $('.k-lg-date-format').hide();
                }

            $(".scheduler").kendoScheduler({
                date: new Date(),
                height: 700,
                dataBound: scheduler_databound,
                views: [
                    "day",
                    { type: "month", selected: true },
                    "week",
                    "month",
                ],
                //timezone: "Etc/UTC",
                eventTemplate: $(".event-template").html(),
                editable: false,
                dataSource: result
            });

Kendo UI Scheduler在标题中有两个重复的日期

2 个答案: