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

Question

我在一个angular应用中使用了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--’类，因为在移动设备中，日期将不可见。

  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
            });