在表格细胞内的Bootstrap Calander在流程

时间:2016-07-26 03:48:10

标签: jquery html css twitter-bootstrap

我试图在表格单元格中添加日期时间选择器(bootstrap calander),但它无法正常工作。日历出现但引导日历的表格单元格溢出。任何人都可以有解决方案吗?我已经动态加载了表单。 // html代码

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.1.0/jquery.min.js"></script>
<link href="https://cdnjs.cloudflare.com/ajax/libs/semantic-ui/2.2.2/semantic.css" rel="stylesheet"/>
<script src="https://cdnjs.cloudflare.com/ajax/libs/semantic-ui/2.2.2/semantic.js"></script>
<body>
  <div id='test' class='ui large modal'>
    <div class="header">
      Header
    </div>
    <div class="content">
      This is the content
    </div>
    <div class="actions">
      <div class="ui ok green basic button">
        OK
      </div>
    </div>
  </div>
</body>

// js code

<div class="input-group date form_datetime" onclick='GetDate(this.id);'id="orgfromdatepicker">
  <input id="orgFromDate" type="text" size="16" readonly="true" class="form-control" />
  <span class="input-group-addon"><span class="glyphicon glyphicon-calendar"></span></span> 
</div>

screen shot

0 个答案:

没有答案