javascript - 如何从div中获取变量值

Question

我有以 get 变量的形式获取值的代码。问题是我现在想将变量放入 div (用于日期时间选择器)。当我这样说时，变量没有被传递。任何帮助将不胜感激。我当前的代码如下:

工作变量:

Start Date: <input type="text" class="date-time-input" name="sdate" id="sdatefield"/><br/>

div 内的变量不起作用:

Start Date: <div class="container">
    <div class="row">
        <div class='col-sm-6'>
            <div class="form-group">
                <div class='input-group date' name="sdate" id='sdatefield'>
                    <input type='text' class="form-control" />
                    <span class="input-group-addon">
                        <span class="glyphicon glyphicon-calendar"></span>
                    </span>
                </div>
            </div>
        </div>
        <script type="text/javascript">
            $(function () {
                $('#sdatefield').datetimepicker({
                sideBySide: true,
                format: 'DD-MM-YYYY HH:mm:ss', 
                });
            });
        </script>
    </div>
</div>

Answer 1

观察到您添加了 id="sdatefield"到<div id="sdatefield">而不是<input id="sdatefield">这是导致此问题的原因，因为您将 datetimepicker 绑定(bind)到此输入字段。

尝试像下面这样

 $(function () {
                $('#sdatefield').datetimepicker({
                sideBySide: true,
                format: 'DD-MM-YYYY HH:mm:ss', 
                });
            });

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-datetimepicker/2.5.20/jquery.datetimepicker.js"> </script>

Start Date: <div class="container">
    <div class="row">
        <div class='col-sm-6'>
            <div class="form-group">
                <div class='input-group date' name="sdate" >
                    <input type='text' class="form-control" id="sdatefield"/>
                    <span class="input-group-addon">
                        <span class="glyphicon glyphicon-calendar"></span>
                    </span>
                </div>
            </div>
        </div>
        <script type="text/javascript">
           
        </script>
    </div>
</div>

谢谢