Jquery 如何从这个html日期范围获取值？

所以我必须从这个日期范围中获取日期值，但我不确定这个如何工作。通常我看到人们使用jquery日期选择器来获取日期值，但我正在编写的代码使用的是这个，看起来是纯html。我对html几乎没有经验，所以我有点困惑

这是电话线

<div class="daterange daterange-inline pull-right" data-format="YYYY-MM-DD" 
     data-start-date="2014-12-23" data-end-date="2014-12-30" data-min-date=""
     data-max-date="" style="font-size: 12px; margin-top: 2px;"> 
 <i class="entypo-calendar"></i> 
 <span>2014-12-23 - 2014-12-30</span> 
</div>

2014-12-23 - 2014-12-30 

它看起来完全是由html和css制作的，我不知道应该如何从中获取值

有人能解释一下这个吗？或者我应该建议将其更改为类似jquery日期选择器的soemthing吗

---

谢谢大家!

您可以使用javascript中的getAttribute或jQuery中的.attr（'data-start-date'）以数据属性的形式访问html中的日期

javascript:

alert(document.getElementsByClassName('daterange')[0].getAttribute('data-start-date'));
alert(document.getElementsByClassName('daterange')[0].getAttribute('data-end-date'));

jQuery：

alert($('.daterange').attr('data-start-date'))

你可以用

var-dataDate=$（“.daterange”）.attr（“数据开始日期”）；
警报（数据日期）

2014-12-23 - 2014-12-30 

此处没有输入，因此用户无法提供任何日期。我的猜测是，一些外部javascript（比如jQuery的datepicker）应该会对此进行转换。因此，您需要确定应该在该站点上加载哪些脚本。

正如@Alex所说，这只是HTML，您无法修改日期，您可以根据需要检索范围，但我认为这不是很有用，我建议您使用HTML5日期输入：

<input type="date" >

看看这个例子：

它使用js库，因此您可以跨浏览器使用它，因为它仅在Chrome、Safari和Opera上受支持。如果您想了解更多关于这方面的“标准”，请在此处学习：