2016-09-19 14 views
-1

先週、私はdatapickerをすべてのデータセットの行内に配置しようとしていました。Datatabels>データセット内の時刻または日付ピッカー

私は多くの解決策を見つけましたが、どれも私と一緒に働いていませんでした。

これには完全な解決策がありますか?あなたの「datapicker」を仮定し

答えて

0

は、「日付ピッカー」

を意味さてあなたはかなり簡単にDataTableに(私は個人的にブートストラップ日付ピッカーを使用して)あなたの日付ピッカーを統合することができます。

datepickerの列を作成し、以下のようなテーブルを作成する際に動的に追加します。

デモ:

var inputData = [ 
    ["Prakash", "Software Analyst", 5000], 
    ["Akshay", "Software Analyst", 6000] 
    ] 

今すぐDataTabledatepicker

var exampleTable = $('#example').DataTable({ 
    "data": inputData, 
    "columnDefs": [{ 
       "targets": -1, 
       "data": null, 
       "orderable": false, 
       "defaultContent": ['<input type="text" class="form-control datePicker" placeholder="Date" />'] 
      }] 
}); 


$(".datePicker").datetimepicker({ 
    format: 'DD/MM/YYYY'           
}); 
を初期化するように、入力データと

<table id="example" class="display" cellspacing="0" width="100%"> 
     <thead> 
      <tr> 
       <th>Name</th> 
       <th>Position</th> 
       <th>Salary</th> 
       <th>Select Date</th> 
      </tr> 
     </thead> 
</table> 

https://jsfiddle.net/Prakash_Thete/q62ttLL0/1/

は、あなたのようにテーブル定義を持って考えます

+0

ありがとうございました。それが私を助けてくれた – Donjwan

関連する問題