如何使用javascript獲取MetroUI CSS Datepicker值

我希望能夠使用JavaScript查看使用Metro UI CSS日期選擇器選擇的日期。最終，這些數據將用於構建要通過AJAX請求發送的JSON對象。但現在，我很高興看到它在瀏覽器警報消息。如何使用javascript獲取MetroUI CSS Datepicker值

這裏是日期選擇器控件：http://metroui.org.ua/datepicker.html 注意第二個日期選擇器有一個默認值。

如何使用瀏覽器控制檯將該默認值轉換爲警報消息？當然，我錯過了一些顯而易見的東西，但我沒有辦法像檢查輸入元素的「val()」等。

來源

2014-09-30 atcrawford

我剛剛發現了一個小的解決方法（快速和骯髒）：給一個唯一的Id <input type="text"...進入<div class="input-control text"...，然後讓JQuery做出魔力！下面是代碼：

<div id="dpContainer" class="input-control text"> 
    <input id="inputToRead" type="text"> 
    <button class="btn-date"></button> 
</div> 

<script> 
    function getDPValue(){ 
     var selectedDate = $('#inputToRead').val(); 
     return selectedDate; 
    } 
</script>

我知道這有點髒，也許你可以從http://metroui.org.ua/calendar.html功能得到一些有用的提示。

更快速和更髒：

<script> 
    function getDPValue(){ 
    return $('#dpContainer').children('input[type=text]').val(); 
    } 
</script>

HTH，斯特凡諾。

來源

2014-12-10 10:27:20 zaffaste

這很好，我還沒有注意到該日曆頁面上的所有例子之前（不知道我是如何錯過他們#shrug ...）。很好的答案！ – atcrawford 2014-12-10 15:31:57

該日期選擇器有一個日曆控制它的內部。您可以獲取日曆的選定日期控制運行.calendar（'getDate'）。然後讓讓JQuery做他的工作，併到達日曆控制日期選擇器。

<div id="myDate" class="input-control text" data-role="datepicker" data-preset="2016-01-01"> 
    <input type="text"> 
    <button class="button"><span class="mif-calendar"></span></button> 
</div> 

<script> 
    function getMyDate(){ 
     return $('#myDate .calendar').calendar('getDate'); 
    } 
</script> 

<button class="button" onclick="alert(getMyDate())">Show My Date</button>

來源

2016-02-10 15:50:27

你真的應該添加一些解釋性文字給你的答案。 – nottinhill 2016-02-11 02:38:28

雖然此代碼塊可能會回答此問題，但如果您可以爲此提供一點解釋，那麼最好。 – Tas 2016-02-11 05:55:09

如何使用javascript獲取MetroUI CSS Datepicker值

回答

相關問題