如何从div获取变量值

时间:2019-08-29 14:26:21

标签: javascript html

我有以get变量形式获取值的代码。问题是我现在想将变量放入div(用于datetimepicker)。当我这样说时,该变量未传递。任何帮助将不胜感激。我当前的代码如下:

工作变量:

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>

1 个答案:

答案 0 :(得分:1)

发现您将id="sdatefield"添加到了<div id="sdatefield">而非<input id="sdatefield">上,这导致了此问题,因为您将datetimepicker绑定到了此输入字段。

尝试以下方法

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

谢谢