引導datetimepicker不工作在DIV類

我想在我的自定義表中放入引導datetimepicker。但它不會工作。我明白你不能在腳本中放置腳本，所以我把它放在了TD中，但它仍然不起作用。引導datetimepicker不工作在DIV類

簡單和工作datepicker。

<tr> 
<td>Date</td> 
<td><!-- mktime(hour, minute, second, month, day, year) --> 
<input type="text" name="call_date" value="<?php echo $adjdate;?>" id="datepicker" class="input-small"> 
</td> 
</tr>

，當我試圖實現引導日期時間選擇器，它只是將無法正常工作。我想我在下面的代碼中放錯了一些東西。

<tr> 
<td>Date</td> 
<td> 
<div class="container"> 
<div class="row"> 
    <div class='col-sm-6'> 
     <div class="form-group"> 
      <div class='input-group date' id='datetimepicker1'> 
       <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() { 
      $('#datetimepicker1').datetimepicker(); 
     }); 
    </script> 
</div> 
</div> 
</td> 
</tr>

附加信息：我忘了提及，我在

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
<script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.18.1/moment.min.js"></script> 
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script> 
<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datetimepicker/4.17.47/js/bootstrap-datetimepicker.min.js"></script> 
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet"/>

已經添加但是，如果我把代碼之外，而不是把裏面的TD，它會工作

<div class="container"> 
<div class="row"> 
    <div class='col-sm-6'> 
    <div class="form-group"> 
     <div class='input-group date' id='datetimepicker1'> 
      <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() { 
     $('#datetimepicker1').datetimepicker(); 
    }); 
</script>

我只需要這方面的建議，並感謝給我看這些例子，它有很大幫助，謝謝

來源

2017-06-05 lye yan nian

它應該是真正的'div'，而不是在'input'？ – Swellar

我剛剛嘗試了一些http://eonasdan.github.io/bootstrap-datetimepicker/中的代碼，並試圖從那裏應用代碼。對於我的情況，我需要datetimepicker在我的桌子上工作。對於引導datetimepicker的例子，他們把它放在div類中，你可以看看我附在這裏的外觀。謝謝 –

負載Jquery，moment.jsdatetimepicker之前。

$(function() { 
 
     $('#datetimepicker1').datetimepicker(); 
 
    });

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 

 

 
<script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.18.1/moment.min.js"></script> 
 
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script> 
 
<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datetimepicker/4.17.47/js/bootstrap-datetimepicker.min.js"></script> 
 
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet"/> 
 

 

 

 
<tr> 
 
<td>Date</td> 
 
<td> 
 
<div class="container"> 
 
<div class="row"> 
 
    <div class='col-sm-6'> 
 
     <div class="form-group"> 
 
      <div class='input-group date' id='datetimepicker1'> 
 
       <input type='text' class="form-control" /> 
 
       <span class="input-group-addon"> 
 
        <span class="glyphicon glyphicon-calendar"></span> 
 
       </span> 
 
      </div> 
 
     </div> 
 
    </div> 
 
    
 
</div> 
 
</div> 
 
</td> 
 
</tr>

來源

2017-06-05 09:59:10 XYZ

非常感謝。 –

安裝包安裝級封裝Bootstrap.v3.Datetimepicker.CSS

<script> 
 
jQuery(document).ready(function() { 
 

 
    jQuery('.datepicker').datetimepicker({ format: 'DD/MM/YYYY' }); 
 
    jQuery('.datetimepicker').datetimepicker(); 
 

 
}); 
 
</script>

<script src="~/Scripts/jquery-1.10.2.min.js"></script> 
 
<script src="~/Scripts/bootstrap.min.js"></script> <!-- Bootstrap v3.3.5 --> 
 
<script src="~/Scripts/moment.js"></script> 
 
<script src="~/Scripts/bootstrap-datetimepicker.min.js"></script> 
 
<script src="~/Scripts/Core.js"></script>

來源

2017-06-05 09:52:45

片段顯示錯誤 – Swellar

是的，但你必須包括包和文件，然後嘗試它的工作 –

我看，好吧然後 – Swellar

<div class="modal-header__training-start">Start at 
       <input type="text" id="datetimepicker-start" class="datetimepicker-start" data-function="training-start"> 
       <div class="datetimepicker-icon"> 
         <span class="glyphicon glyphicon-calendar" style="top:3px;"></span> 
       </div>

$("#datetimepicker-start").datetimepicker(
{ 
    format: 'yyyy-mm-dd hh:ii:ss', 
});

我認爲，選擇必須開始的DateTimePicker輸入。

你必須包括2檔，以項目：自舉datetimepicker.js &引導-datetimepicker.css

來源

2017-06-05 10:20:03

這裏是我的例子小提琴的例子：http：//jsfiddle.net/zqxhqaf8/38/ –

引導datetimepicker不工作在DIV類

回答

相關問題