基于日期更改div类

-3

我正在构建一个小网页来列出我在大学时所做的杰出任务。基于日期更改div类

下面的代码：

<div class="assignment"> 
    <div class="itemt green">DUE: 28/03/2014</div> 
</div>

这里的实际页面：www.edavies.co/wkc

我想类绿色，如果在到期日之前使用，类琥珀两周到期日之前最后是一周前的课堂红色。如果可能的话，在到期日和之后有黑色会很酷。

希望这是有道理的。任何事情都很好，PHP，JavaScript，jQuery。

来源

2014-02-27 Elliot Davies

这看起来不错，但那么你有什么尝试？ –

我们很乐意帮助您调试您编写的代码，但这不是“为我编写代码”网站。 –

这看起来像自由职业者网站的帖子，寻找开发人员来完成这项工作：D –

检查http://jsfiddle.net/NhmW7/后，测试它改变这些日期。我为这个问题所做的功能。

$(".itemt").each(function() { 

      var text=$(this).text(); 
      var res = text.split(" "); 
      var resta = res[1].split("/"); 
      var dd=resta[0]; 
      var mm=resta[1]; 
      var yy=resta[2]; // i couldnt test with dd/mm/yyy format, so i changed to mm/dd/yyy 

      var now = new Date(); //"now" 
      var duedate = new Date(mm+'/'+dd+'/'+yy) // due date 
      var diff = Math.abs(now-duedate); 

      var each_day = 1000 * 60 * 60 * 24;//milliseconds in a day 
      var days = Math.round(diff/each_day); 

      if(days <= 14) 
       $(this).removeClass("green").addClass("amber"); 
      if(days <= 7) 
       $(this).removeClass("amber").addClass("red"); 
      if(days > 14) 
       $(this).addClass("green"); 
     });

来源

2014-02-27 16:24:40 kraysak

奇妙的，完美的作品！非常感谢。 –

-1

我会去的路线如下：

Store中的JSON阵列

{ "assignments": [ { "name": "Assignment 1", "dueDate": "11/03/2014" }, { "name": "Assignment 2", "dueDate": "11/04/2014" }, { "name": "Assignment 3", "dueDate": "11/07/2014" } ] }

查找到Handlebars分配，胡子工程太
建立一个模板并添加一些自定义帮手功能（Handlebars上的教程），以根据dueDate更改课程

来源

2014-02-27 14:50:25

-1

您可以使用Javascript来做到这一点。 jquery的解决办法应该是像添加以下代码：

<script type="text/javascript"> 
$(document).ready(function(){ 
    var dueDate = new Date(2014,3, 28); 
    var today = new Date(); 

    if (today>= dueDate){ 
    // or other conditions 
    $(".itemt").addClass("expired"); 
}else{ 
    $(".itemt").addClass("expired"); 
} 
}); 
</script>

这是观念 - 你可以通过比较在JavaScript中的日期管理CSS类。祝你好运！

来源

2014-02-27 14:53:52

我会使用$（“。itemt”）。removeClass（“green”）。addClass（“amber”）; – kraysak

正如你可以使用PHP，它会很简单。

在HTML添加一个占位符

<div class="item color_by_date_id1">DUE: 28/03/2014</div>

然后，解析的请求的页面，基于今天的日期和特定占位符的日期间隔一类的名称，可以存储替换占位符在一个服务器端配置文件或更好，连同项目本身。

实际的编码，我相信你能解决，已经建立网站:)

来源

2014-02-27 15:12:45 LGSon

感谢PellePenna！ –

基于日期更改div类

回答

相关问题