如何从JQM日期框中“ onClick”日期

时间:2018-06-20 15:57:46

标签: javascript jquery-mobile

我正在尝试让用户选择该日期。该代码使用的是jqm的日期框。阅读jqm的演示和文档似乎与这种情况无关。我只想获取用户选择的日期,检查是否是周末,然后做一些事情。我尝试了一些其他人在Google上通过Google找到的东西,没有帮助。如果有人知道一些文档,或者可以给我展示一个简单的示例来使onClick警报/告诉用户从日期框中选择日期的时间,那么IT将是一个很大的帮助。

下面更新我的代码:

    $("#deliveryDate").on( "change",  function() {
    console.log("click, we in");
    console.log(document.getElementById("deliveryDate").value);
    console.log($(this).val());
    });

<div data-role="fieldcontain" style="margin-top: 0px; margin-bottom: 0px;">      <label for="deliveryDate">Delivery Date:</label>
        <input id="deliveryDate" name="deliveryDate" type="date" data-role="datebox" value=""
         data-options='{"mode": "calbox", "useInline": true, "centerHoriz": true, "afterToday": true, "maxDays": 60}'/>mm/dd/yyyy</div>

1 个答案:

答案 0 :(得分:1)

假设日期框的ID为mode2,如图所示。

<input name="mode2" class="form-control" id="mode2" type="text" data-role="datebox" data-options="{&quot;mode&quot;:&quot;datebox&quot;}" readonly="readonly">

要获取日期时,只需使用

$("#mode2").on("change",function(){
    //straight js
    console.log(document.getElementById("mode2").value);
    //jquery
    console.log($(this).val())
});