datetimepicker bootstrap 获取值并将其用作输入未定义的错误

Posted 2023-05-07

【中文标题】datetimepicker bootstrap 获取值并将其用作输入未定义的错误

【英文标题】：datetimepicker bootstrap get value and use it as input undefined bug

【发布时间】：2016-05-05 23:39:58

【问题描述】：

我不确定为什么会发生以下情况，但是，我正在使用引导程序中的 datetimepicker1，当我尝试获取所选值时，我得到 undefined for

var date =  $("#datetimepicker1").find("input").val();

但是当我在控制台上输入$("#datetimepicker1").find("input").val(); 时会得到正确的日期。如何获取选择/选择日期的值以便我可以使用它？

html

<div class="container">
<div class="row">
    <div class='col-sm-6'>
        <div class="form-group">
            <div class='input-group date' id='datetimepicker1'>
                <input type='text' class="form-control" />
                <span class="input-group-addon">
                    <span class="glyphicon glyphicon-calendar"></span>
                </span>
            </div>
        </div>
    </div>
</div>

另外，我尝试使用“M dd yyyy hh:ii:ss”将我的日期格式更改为“2016 年 1 月 14 日 hh:min:ss”，但它给了我 Fri（工作日）而不是月份名称.. . 我使用的链接是这个enter link description here

【问题讨论】：

脚本 DOM 准备好了吗？

啊！也许，好点

【参考方案1】：

尝试不使用查找。

 var date = $("#datetimepicker1").val();

【讨论】：

这给了我一个空字符串

它应该可以工作。 ***.com/questions/16681875/…

如果不是，那么你的html一定有问题

【参考方案2】：

<!--- in Html code, add id in input -->
<input type='text' id="date_time" class="form-control" />

// In Jquery
var date = $("#date_time").val();

【讨论】：

但是要获取输入的值，你必须参考输入。如果你引用 div 的 ID，你会得到 div 的值。同样在演示中，他们不会提供 ID 用于输入。

从日历中选择日期会填满输入字段。您要查找的值在输入中。因此，在输入中添加一个 ID 并从中获取值。

另外，问题在于，每当我检查日历中的另一个 inpt 时，它都不会动态更改。我必须继续调用 var date = $("#date_time").val();

格式是这样的 2016-01-28 21:20:20..... 所以只需将 javascript 中的日期切片为 date.slice(0,19)

没有。它必须改变。你的意思是说你有另一个（除了这个）输入作为 datetime ？如果您更改相同的输入并检查，则此输入的值将更改...