首页 > bootstrap的datetimepicker插件,如何取出获得的时间

bootstrap的datetimepicker插件,如何取出获得的时间

使用bootstrap的datetimepicker插件获得时间,当提交表单后,如何获得这个插件中设定的时间?在生成的html页面中右键“审查元素”,插件中时间text区域对应id为inner-editor的div,但是document.getElementById无法获取这个div,也就没能够获得时间。该如何把这个时间取出来呢?

表单代码:

      <form>
            <div class="row">
                <div class="span6">起始时间
                    <div class="input-append date" id="datetimepicker1">
                        <input data-format="dd/MM/yyyy hh:mm:ss" type="text">
                        <span class="add-on">
                            <i data-date-icon="icon-calendar" data-time-icon="icon-time" class="icon-calendar"></i>
                        </span>
                    </div>
                </div>


                <div class="span6">截止时间
                    <div class="input-append date" id="datetimepicker2">
                        <input data-format="dd/MM/yyyy hh:mm:ss" type="text">
                        <span class="add-on">
                            <i data-date-icon="icon-calendar" data-time-icon="icon-time" class="icon-calendar"></i>
                        </span>
                    </div>  
                </div>
            </div>
            <br/>


            <script type="text/javascript">
              jQuery.noConflict();
              jQuery(function() {
                jQuery('#datetimepicker1').datetimepicker({
                    format: 'yyyy/MM/dd/ hh:mm',
                    language: 'en',
                    pickDate: true,
                    pickTime: true,
                    hourStep: 1,
                    minuteStep: 15,
                    secondStep: 30,
                    inputMask: true 
                });
                jQuery('#datetimepicker2').datetimepicker({
                    format: 'yyyy/MM/dd/ hh:mm',
                    language: 'en',
                    pickDate: true,
                    pickTime: true,
                    hourStep: 1,
                    minuteStep: 15,
                    secondStep: 30,
                    inputMask: true 
                });
              });
            </script>


            <div class="row">
                <div class="span6">
                </div>
                <div class="span2">
                    <input type="submit" value="重新选择" class="btn btn-large btn-warning">
                </div>
                <div class="span2">
                    <input type="submit" value="开始查询" class="btn btn-large btn-success" onclick="fun1()">
                </div>
            </div>
        </form>

给input加上ID
然后用jQuery的选择器获取到value

【热门文章】
【热门文章】