如何使用 jquery 或 jquery mobile mobile 根据日期列出数据

Posted 2023-05-09

【中文标题】如何使用 jquery 或 jquery mobile mobile 根据日期列出数据

【英文标题】：how to list data according to date using jquery or jquery mobile mobile

【发布时间】：2013-10-03 06:42:56

【问题描述】：

我正在使用 jquery mobile 和 asp.net 开发图书馆移动应用程序根据我页面中的日期，日期将是标题，并且在书籍缩略图下方将显示如下所示

除了这个解决方案的代码，我只需要一点想法来解决这个问题

注意：Json 解析和 html 格式是我的主要目标

【问题讨论】：

你在问什么？ HTML 格式？ CSS？如何解析 JSON？

@mplungjan mainley HTML 格式化和 Json Parse

这里的标准问题是“你试过什么？”比如日期是今天的日期还是进来的JSON，是什么格式，JSON是什么样子的

@mplungjan 我尝试了 jquery mobile 提供的手风琴，但我不想折叠我的数据

1) 向我们展示 JSON 2) 向我们展示一些尝试格式化它的代码。您已经在查看演示文稿但尚未解析数据。如果你有

【参考方案1】：

我认为您正在寻找这样的东西.. 我已经获取了一些示例 json，并以日期为标题的列表视图显示。

<div data-role=header>
    <h1>Home</h1>
  </div>
  <div data-role="content" id="home">
  </div>


var response=[
  "date":"27/09/2013", 
   "books":["All Passion Spent", 
            "All the King's Men", 
            "An Acceptable Time", 
            "An Evil Cradling"]
  , 
  "date":"26/09/2013",
   "books":["Bury My Heart at Wounded Knee", 
            "Butter In a Lordly Dish", 
            "Clouds of Witness", 
            "Cover Her Face"]
];

show_response(response);

function show_response(myobj)
     var ansString ='<div><ul data-role="listview" data-theme="c" data-inset="true"               data-dividertheme="b" >';
 $.each(myobj,function(index,quesobj)
   ansString = ansString+"<li data-role='list-divider'><h3>"+quesobj.date+"</h3></li>"   
   for(key in quesobj.books)    
        ansString = ansString+'<li><a href="#">'+quesobj.books[key]+'</a></li>'                         
          
  );
    ansString = ansString+"</ul></div>"
    $("#home").html(ansString).trigger("create");

http://jsfiddle.net/YXLKw/3/

【讨论】：

请不要回避必须在答案中添加代码的 SO 规则。当链接变为非活动状态时，仅链接答案会失去价值。如果fiddle代码很长，可以在这里单独贴出精华部分。

谢谢Harry..修改

你有太多 </div> 以及为什么 $.each 和 for(key in quesobj.books) 请随之而来