如何使用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值

回答

相关问题