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

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

代码-

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

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

HTML代码

这将在每次更改日期时提醒该日期

或单击事件：

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

---

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

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

您可能希望在选择日期并单击#子按钮后获取值。

When

var end=$（'#datetimepicker2'）.val（）执行时，
元素没有值

它仍然为空，因为您尚未定义事件处理程序，以便在值更改时更新它。下面应该是你正在努力完成的一个工作示例

<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>


日期时间选择器：
提交
//如果datepicker2输入为空，即使在您更改它之后，它也将为空。
var end=$（'#datetimepicker2'）.val（）；
$（'#datetimepicker2'）。datetimepicker（）；
//这将在“end”变量更改时更新它。
$（文档）.on（'change'，'#datetimepicker2'，function（）{
end=$（this.val（）；
});
$（文档）。在（'click'，'#sub'，函数（）{
警报（结束）；
});

ps：我将
$（x）.on（事件，函数）
更改为
$（文档）.on（事件，元素，函数）
因为随着时间的推移，DOM会被操作，所以我有更好的结果。
发布datepickerwhen
var end
行执行时的html代码？@GabrielMesquita我刚刚进行了编辑您的id是datetimepicker，在jquery中您有datetimepicker2，是吗？@GabrielMesquita我有两个日期输入字段。我抄错了。但代码是正确的。是否要在单击#子按钮后获取值？如果将var end声明放在单击回调中。您保存了我的日期我很高兴我能提供帮助。：）
<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>