javascript - 如何使用 javascript 获取 MetroUI CSS Datepicker 值

Question

我希望能够使用 JavaScript 查看通过 Metro UI CSS 日期选择器选择的日期。最终，该数据将用于构建要在 AJAX 请求中发送的 JSON 对象。但现在，我很高兴能在浏览器警报消息中看到它。

这是日期选择器控件:http://metroui.org.ua/datepicker.html 请注意，第二个日期选择器有一个默认值。

如何使用浏览器控制台将该默认值添加到警报消息中？当然，我错过了一些明显的东西，但我没有运气做一些事情，比如检查输入元素的“val()”等。

Answer 1

我刚刚找到了一个小解决方法(快速但肮脏):为 <input type="text"... 提供一个唯一的 ID进入<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， 斯特凡诺。