仅当当前时间大于 startDate 且小于 endDate 时才显示 div

Question

我只想在时间大于startDate且小于endDate时显示 div 。 对于startDate和endDate本身，我从我拥有的 api 数据中获得，格式类似于下面的变量。 我已经制作了如下代码，即使这一天超过了startDate但为什么 div 没有出现？ 是不是因为时间格式不一样？

 $(document).ready(function(){ let today = new Date() let startDate = "2021-12-13T00:00+07:00" let endDate = "2021-12-16T00:00+07:00" console.log(today) if(today > startDate && today < endDate){ console.log('true') $('.date').css('display', 'block') }else{ console.log('false') } })

 .date{ display:none; }

 <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <div class="date">Date is bigger than startDate and less than endDate</div>

Answer 1

 $(document).ready(function(){ let today = new Date() let startDate = new Date("2021-12-13T00:00+07:00") let endDate = new Date("2021-12-16T00:00+07:00") console.log(today) if(today > startDate && today < endDate){ console.log('true') $('.date').css('display', 'block') }else{ console.log('false') } })

 .date{ display:none; }

 <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <div class="date">Date is bigger than startDate and less than endDate</div>