Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/472.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
使用JavaScript在基于日期的列表中仅隐藏一项_Javascript_Jquery - Fatal编程技术网

使用JavaScript在基于日期的列表中仅隐藏一项

使用JavaScript在基于日期的列表中仅隐藏一项,javascript,jquery,Javascript,Jquery,我有一份日期清单: <ul> <li class="demo">2021-01-07</li> <li class="demo">2021-03-23</li> <li class="demo">2021-03-20</li> <li class="demo">2021-05

我有一份日期清单:

<ul>
      <li class="demo">2021-01-07</li>
      <li class="demo">2021-03-23</li>
      <li class="demo">2021-03-20</li>
      <li class="demo">2021-05-20</li>
</ul>

这将隐藏所有项目。如何仅隐藏带有已传递日期的项目?

还可以在此处阅读JS日期格式,以便更精确,并在需要时应用其他逻辑:

以及其他对您有用的信息:

document.queryselectoral(“ul li.demo”).forEach(li=>{
设dat=新日期(li.innerText)
让currentdate=新日期();
如果(dat
    2021-01-07 2021-03-23 2021-03-20 2021-05-20
当您选择
.demo
时,它将返回一个列表。你应该循环它们中的每一个

var now=newdate();
$(“.demo”)。每个((idx,ele)=>{
let expire=新日期($(ele.text());
如果(现在>到期){
$(ele.hide();
}
})

    2021-01-07 2021-03-23 2021-03-20 2021-05-20
一些简单的调试
console.log(expiretext)
会有很大帮助
var expiretext = $(".demo").html();
var expire = new Date(expiretext);
var now = new Date();
if (now > expire) {
  $(".demo").hide();
}