小编Sil*_*iol的帖子

从 javascript 数组生成动态 html 卡片

我想在 HTML 中显示一些卡片元素。我想从 javascript 数组中获取卡片元素的变量。(如标题等)。卡片元素编号也将取决于 Javascript 数组大小。我查看了其他问题,例如生成动态表,但由于我有一个很长的自定义 html 代码块,它不起作用。

这是针对我正在构建的网站。我已经通过 HTTP get 请求从 api 端点获取了变量,但无法按我的意愿显示。我查看了许多类似的问题,但找不到我正在寻找的答案。

这是使用 HTTP get 请求获取变量的脚本

<script>
const request = new XMLHttpRequest();

request.open('GET', 'api/seminars', true);
request.onload = function() {
  // Begin accessing JSON data here
  const data = JSON.parse(this.response);

  if (request.status >= 200 && request.status < 400) {
    data.forEach(resultArray => {
      document.getElementById('output').innerHTML = resultArray.name;
      document.getElementById('description').innerHTML =
        resultArray.description;
      document.getElementById('date').innerHTML = resultArray.date;
    });
  } else {
    console.log('error');
  }
};

request.send();
</script>
Run Code Online (Sandbox Code Playgroud)

HTML代码:

<div id="accordion">
    <div class="card">
        <div class="card-header" id="headingOne"> …
Run Code Online (Sandbox Code Playgroud)

html javascript

4
推荐指数
1
解决办法
1万
查看次数

无法获得相同月份和年份的记录

我有一个对象列表,其中包含一个名为的属性created:

let objs = [
   { id: "1", created: "2019-02-12 00:00:00" },
   { id: "2", created: "2018-02-12 00:00:00" },
   { id: "3", created: "2017-02-12 00:00:00" },
   { id: "4", created: "2016-02-12 00:00:00" },
   { id: "5", created: "2015-02-12 00:00:00" }
]
Run Code Online (Sandbox Code Playgroud)

我想要返回所有2019年和月份的记录:02,所以我做了:

var curr_date = moment(moment(), "YYYY-MM-DD");
var in_month = objs.filter((item) => function () {
        return (moment(item.created, format).month() == curr_date.month() && 
                    moment(item.created, format).year() == curr_date.year())
});
Run Code Online (Sandbox Code Playgroud)

问题是in_month总是返回整个数组,为什么?预期输出应为id为1的记录

javascript momentjs

2
推荐指数
1
解决办法
48
查看次数

标签 统计

javascript ×2

html ×1

momentjs ×1