2017-11-17 15 views
1

私は以下の郵便番号を持っています。私はテーブル本体(tbl_body)のhtmlコードを追加しました。時間選択フィールドはfe_datefs_dateです。時間選択ウィンドウは表示されません。 私を助けてください。jqueryで時間の選択が機能していません

$.post("<?php echo base_url('controller/function_name') ?>", {'cid': cid}, 
    function (data) 
    { 
     if (data.length > 0) { 
      $('#tbl_body').find('tr').remove(); 
      for (j = 0; j < data.length; j++) { 
       $('#att_st_time'+(j+1)).datetimepicker({pickDate: false}); 
       $('#att_end_time'+(j+1)).datetimepicker({pickDate: false}); 
       $('#tbl_body').append("<tr><td style='width:14%;text-align: center'>" + (j + 1) + "</td><td style='width:25%;text-align: center'><input class='form-control' id='att_st_time"+(j+1)+"' data-validation='required' data-validation-error-msg-required='Empty is field' type='text' name='fs_date' time-format='H:M:S' value='" + data[j]['ttlc_starttime'] + "'> </td><td style='width:25%;text-align: center'><input class='form-control' id='att_end_time"+(j+1)+"' data-validation='required' data-validation-error-msg-required='Empty is field' type='text' name='fe_date' time-format='H:M:S' value='" + data[j]['ttlc_endtime'] + "'></td></tr>"); 
      } 

     } 
    }, 
    "json" 
); 
+0

'type = 'time''? –

+0

インタフェースのようなブートストラップタイムピッカを使いたいと思っています。https://eonasdan.github.io/bootstrap-datetimepicker/ – tenten

答えて

1

このコードを追加してみてください次に、あなたのinput

class="form-control date-picker"のようにクラスを追加します。

$(document).on('focus',".date-picker", function(){ 
    $(this).datetimepicker(); 
}); 
+0

$(this).datetimepicker({pickDate:false}); 'I私は時間がほしいからこのように変わった。今すぐ正しく働く。ありがとう:) – tenten

+0

@tenten私は助けることができたことがうれしいです..ちょうど私たちの両方のための+担当者のための答えとしてこれをマーク^ _^.. –

関連する問題