评估 HTML5 数据属性 - 如何处理引号

Question

我正在尝试使用自定义数据属性

<span class="k-nav-day" data-dt="kendo.toString(date, 'dd/MM/yyyy')">

</span>

但是当我在 JavaScript、

中尝试下面的代码时

  var dateOfHeader = $(this).data("dt");

它仍然给我引号并且没有得到评估

  "kendo.toString(date, 'dd/MM/yyyy')"

它应该格式化 'date' 并且日期应该分配给变量 "dateOfHeader" = 27/05/2015

注意：我在控制台没有任何错误

问题背景

我正在使用调度程序控件，我需要根据日期渲染一些颜色。我的数据源 JSON 如下

 var mydatafromApi = ({
   date:01/01/2013, 
   percentage=30%,
   color = red
  },
 {
   date:02/01/2013, 
   percentage=40%
   color = blue
 });

现在我需要比较scheduler/calendar的每个日期并根据这个JSON数据显示背景

所以在渲染时我将日期存储在自定义数据属性中，但要读回它我遇到了问题。

Answer 1

在这种特定情况下，您可以使用 javascript eval 函数

var dateOfHeader = eval($(this).data("dt"));

Answer 2

当您调用 javascript 函数以在 html 中使用其评估数据进行渲染时，您需要使用 #= # 表达式

包装您的函数

data-dt="#= kendo.toString(date, 'dd/MM/yyyy') #"

您应该能够使用 jQuery 数据

获取数据

$(element).data("dt");

Evaluate HTML5 data attribute - How to handle quotes