使用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>
版权声明:本文内容由阿里云实名注册用户自发贡献,版权归原作者所有,阿里云开发者社区不拥有其著作权,亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容,填写侵权投诉表单进行举报,一经查实,本社区将立刻删除涉嫌侵权内容。