开发者社区> 问答> 正文

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>

展开
收起
小旋风柴进 2016-03-25 14:46:38 4637 0
1 条回答
写回答
取消 提交回答
问答排行榜
最热
最新

相关电子书

更多
低代码开发师(初级)实战教程 立即下载
冬季实战营第三期:MySQL数据库进阶实战 立即下载
阿里巴巴DevOps 最佳实践手册 立即下载