Kendo ui scheduler - формат даты изменения

Я могу изменить формат дат для планировщика kendo ui в заголовках столбцов, используя свойство dateHeaderTemplate, но мне нужно изменить формат даты, выделенной на изображении ниже: Kendo ui scheduler - формат даты изменения

Я уверен, что должен быть довольно простой способ сделать это, но пока ничего не нашли в документах telerik.

источник

2016-09-29 user2928010

Пожалуйста, попробуйте приведенный ниже фрагмент кода.

<!DOCTYPE html> 
<html> 
<head> 
    <meta charset="utf-8"/> 
    <title>Kendo UI Snippet</title> 

    <link rel="stylesheet" href="http://kendo.cdn.telerik.com/2016.3.914/styles/kendo.common.min.css"/> 
    <link rel="stylesheet" href="http://kendo.cdn.telerik.com/2016.3.914/styles/kendo.rtl.min.css"/> 
    <link rel="stylesheet" href="http://kendo.cdn.telerik.com/2016.3.914/styles/kendo.silver.min.css"/> 
    <link rel="stylesheet" href="http://kendo.cdn.telerik.com/2016.3.914/styles/kendo.mobile.all.min.css"/> 

    <script src="http://code.jquery.com/jquery-1.9.1.min.js"></script> 
    <script src="http://kendo.cdn.telerik.com/2016.3.914/js/kendo.all.min.js"></script> 
</head> 
<body> 

<div id="scheduler"></div> 
<script> 
$("#scheduler").kendoScheduler({ 
    date: new Date("2013/6/6"), 
    views: [ 
    "day", 
    { type: "week", selected: true }, 
    "month", 
    "agenda", 
    "timeline" 
    ], 
    dataBound: scheduler_dataBound, 
    dataSource: [ 
     { 
      id: 1, 
      start: new Date("2013/6/6 08:00 AM"), 
      end: new Date("2013/6/6 09:00 AM"), 
      title: "Interview" 
     } 
    ] 
}); 
function scheduler_dataBound(e) { 
    if (this.viewName() != "month") { 
     var test = $(".k-lg-date-format").html().split('-'); 
     var _str = kendo.toString(kendo.parseDate(test[0].trim()), 'ddd MM/dd'); 
     if (test.length == 2) { 
      _str += " - " + kendo.toString(kendo.parseDate(test[1].trim()), 'ddd MM/dd'); 
     } 
     $(".k-lg-date-format").html(_str); 
     $(".k-sm-date-format").html(_str); 
    } 
} 
</script> 
</body> 
</html>

Сообщите мне, если возникнут проблемы.

источник

2016-09-29 15:07:23

Спасибо за ответ Jayesh, но похоже, что это просто изменение формата заголовков столбцов дня, чего я уже смог достичь. – user2928010

Я обновил мое сообщение выше –

Спасибо за помощь Jayesh, решение было почти идеально для меня только тем, что я не смог использовать .html(). Split(), мне пришлось ссылаться на свойство модели, например _model.formattedDate. Трещина() – user2928010

Kendo ui scheduler - формат даты изменения

ответ

Смежные вопросы