Javascript 引导datetimepicker返回未定义的值

我试图让一些日期时间选择器小部件工作，但每当我提交表单时，返回的值都是未定义的。我还是Javascript新手，根本没有使用过jQuery

我的代码如下所示：

培训日期
$（“#directTrainingDate”）.datetimepicker({
格式：“YYYY-MM-DD”
});
提交

---

然后回到我的Node/Express路线，我只是记录了

req.body.directTrainingDate的值，它总是未定义的。
仅用于文档，来自我上面的评论：

您将name属性
directTrainingDate
放在div上，而不是输入。
您可以记录来自chrome开发工具的网络请求，并查看您提交的实际POST请求，这可能会为您提供更多信息。您将name属性
directTrainingDate
放在div上，而不是输入。也许这就是原因？@Trouner，我应该看哪个选项卡/部分？我还没有看到任何有用的东西。@Chris，就是这样！谢谢。@knoll请让Chris给出一个答案，并接受他的帮助清理网站：）
<form method="post" action="/requser/direct-user">
<div class="row">
    <div class="col-md-3">
        <div class="form-group">
            <label for="directTrainingDate">Training Date</label>
            <div class='input-group date' name="directTrainingDate" id='directTrainingDate'>
                <input type='text' class="form-control">
                <span class="input-group-addon"><span class="glyphicon glyphicon-calendar"></span></span>
            </div>
        </div>
        <script>
            $('#directTrainingDate').datetimepicker({
                format: 'YYYY-MM-DD'
            });
        </script>
    </div>
</div>

<div class="row"> <!-- Submit button -->
    <div class="col-md-12">
        <div class="form-group">
            <button type="submit" class="btn btn-custom">Submit</button>
        </div>
    </div>
</div> <!-- End Submit button -->
</form>