JavaScript:使用 Jquery 获取日期输入字段的值

Question

我想获取日期输入字段的值并提醒它，但我总是得到一个空字符串或未定义。任何有关如何获取该字段值的帮助将不胜感激。

代码-

var end = $('#datetimepicker2').val();

$('#sub').on('click', function () {
    alert(end);
});

HTML 代码

<input type="text" class="form-control input-group-sm" placeholder="Enter Date" id="datetimepicker" aria-label="...">

我正在使用 bootstrap-datepicker 插件来获取日期。编辑:我想以 yyyy/mm/dd 格式获取日期并将其存储在变量中

Answer 1

当 var end = $('#datetimepicker2').val();被执行，<input id="datepicker2">元素没有值(value)。

它仍然是空的，因为您还没有定义一个事件处理程序来在值更改时更新它。以下应该是您正在尝试完成的工作示例。

<table>
    <tr>
        <td><strong>Date Time Picker:</strong></td>
        <td>
            <input id="datetimepicker2" class="datetimepicker" value=""/>
        <td>
        <td><button id="sub">Submit</button></td>
    </tr>
</table>

<script>
    // If the datepicker2 input is empty, this will be empty, even after you change it.
    var end = $('#datetimepicker2').val();
    $('#datetimepicker2').datetimepicker();

    // This will update the "end" variable as it changes.
    $(document).on('change', '#datetimepicker2', function() {
        end = $(this).val();
    });

    $(document).on('click', '#sub', function () {
        alert(end);
    });
</script>

ps:我更改了 $(x).on(event,function) 到 $(document).on(event,element,function) 因为随着时间的推移，DOM 被操纵，我已经有了更好的结果。