JavaScript：使用 Jquery 獲取日期輸入字段的值

Question

我想獲取日期輸入字段的值並提醒它，但我總是得到一個空字符串或未定義。 任何有關如何獲取此字段值的幫助將不勝感激。

代碼 -

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

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

代碼

 <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">元素沒有值。

它保持為空，因為您尚未定義事件處理程序來在值更改時更新它。 以下應該是您嘗試完成的工作的示例。

<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 進行了操作，因此我得到了更好的結果。

Answer 2

 $('#datePicker').datepicker()
        .on("input change", function (e) {
            //$('.loadingBackground').show();

            var date = $(this).datepicker('getDate');
alert(date);

});

這將在每次更改日期時提醒日期。

或者點擊事件：

var date = $('#datePicker').datepicker('getDate');
$('#sub').on('click', function () {
    alert(date);
});

Answer 3

您必須在 jquery 中使用相同的 id，如下所示：

$('document').ready(function(){
    $('#sub').on('click', function () {
        var end = $('#datetimepicker').val()
        alert(end);
    });
)}

您可能希望在選擇日期並單擊 #sub 按鈕后獲取該值。