Question

所以我必须从这个日期护林员那里得到日期值，但我不确定这个是如何工作的。通常我会看到人们使用jquery datepickers来获取日期值，但我正在使用的代码使用了这个，它看起来是纯粹的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>

它看起来完全来自html和css，并且我很困惑如何从它获取值。

任何人都可以对这一个有所了解吗？或者我应该建议将其更改为像jquery datepicker那样的东西吗？

谢谢你！

Answer 1

您可以使用.attr

＆＃13;

var dataDate = $(".daterange").attr("data-start-date");

alert(dataDate)

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<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>

＆＃13;

或使用.data

＆＃13;

var dataDate = $(".daterange").data("start-date");

alert(dataDate)

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<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>

＆＃13;

Answer 2

正如@Alex所说，这只是HTML，你不能修改日期，你可以检索范围，如果你想但我不认为是非常有用的，我建议你使用HTML5日期输入：

<input type="date" >

看一下这个例子：jsfiddle

使用js库，因此您可以跨浏览器使用它，因为它仅支持Chrome，Safari和Opera。如果您想了解更多关于＆＃34;标准＆＃34;关于这一点，请在此处学习：W3C

Answer 3

您可以使用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'))

Answer 4

此处没有输入，因此用户无法提供任何日期。我的猜测是一些外部javascript（比如jQuery＆＃39; datepicker）应该改变它。因此，您需要确定应该在该站点上加载哪些脚本。

如何从这个HTML日期范围中获取价值？

4 个答案: