如何從這個html日期範圍獲得價值？

所以我必須從這個日期遊俠得到日期值，但我不知道這個如何工作。通常我見過使用jquery datepickers獲取日期值的人，但是我正在使用的代碼使用這個，它看起來是純html。我幾乎沒有使用HTML的經驗，所以我有點困惑。如何從這個html日期範圍獲得價值？

這裏是它的製作完全由HTML和CSS，和IM困惑，應該如何IM從中獲取值的行

<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>

它看起來那些。

任何人都可以從這一點上了解一些情況嗎？或者我應該建議將它更改爲像jquery datepicker soemthing？

謝謝！

來源

2015-01-08 ThriceGood

您可以使用.attr

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

 
alert(dataDate)

<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>

或使用.data

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

 
alert(dataDate)

<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>

來源

2015-01-08 15:53:14

優秀！這工作得很好，非常感謝！ – ThriceGood

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

來源

2015-01-08 15:53:03 baao

這裏沒有輸入，因此用戶不能提供任何日期。我的猜測是，一些外部的JavaScript（如jQuery的datepicker）應該改變這一點。所以你需要找出哪些腳本應該在該站點上加載。

來源

2015-01-08 15:53:59 Alex

@Alex說，這只是HTML，你不能修改日期，你可以檢索範圍，如果你想，但我不認爲是非常有用的，我建議你使用HTML5日期輸入：

<input type="date" >

看看這個例子：jsfiddle

其使用JS庫，所以你可以使用它跨瀏覽器，因爲它僅支持Chrome，Safari和Opera。如果您想了解更多關於此的「標準」，請點擊此處瞭解：W3C

來源

2015-01-08 16:02:46

如何從這個html日期範圍獲得價值？

回答

相關問題