格式轉換 (Luxon)

這個範例展示了與 Moment.js 範例相同的轉換能力，但在這裡使用 Luxon 日期/時間函式庫。datetime API 是相同的，所以它需要三個參數

原始日期格式 (請注意，解析器是嚴格的 - 您必須完全符合資料格式)
您想要顯示的格式
地區設定 - 用於國際化。

然而請注意，儘管 API 是相同的，Luxon 的格式化符號與 Moment.js 的不同。如需 Luxon 格式化選項的完整範圍，請參閱Luxon 文件。

如需 DataTables 中可用轉譯器的完整詳細資訊，請參閱轉譯器文件。

姓名	職位	辦公室	年齡	開始日期	薪資
Tiger Nixon	系統架構師	愛丁堡	61	2011 年 4 月 25 日	$320,800
Garrett Winters	會計師	東京	63	2011 年 7 月 25 日	$170,750
Ashton Cox	初級技術作家	舊金山	66	2009 年 1 月 12 日	$86,000
Cedric Kelly	資深 Javascript 開發人員	愛丁堡	22	2012 年 3 月 29 日	$433,060
Airi Satou	會計師	東京	33	2008 年 11 月 28 日	$162,700
Brielle Williamson	整合專家	紐約	61	2012 年 12 月 2 日	$372,000
Herrod Chandler	銷售助理	舊金山	59	2012 年 8 月 6 日	$137,500
Rhona Davidson	整合專家	東京	55	2010 年 10 月 14 日	$327,900
Colleen Hurst	Javascript 開發人員	舊金山	39	2009 年 9 月 15 日	$205,500
Sonya Frost	軟體工程師	愛丁堡	23	2008 年 12 月 13 日	$103,600
Jena Gaines	辦公室經理	倫敦	30	2008 年 12 月 19 日	$90,560
Quinn Flynn	支援主管	愛丁堡	22	2013 年 3 月 3 日	$342,000
Charde Marshall	區域總監	舊金山	36	2008 年 10 月 16 日	$470,600
Haley Kennedy	資深行銷設計師	倫敦	43	2012 年 12 月 18 日	$313,500
Tatyana Fitzpatrick	區域總監	倫敦	19	2010 年 3 月 17 日	$385,750
Michael Silva	行銷設計師	倫敦	66	2012 年 11 月 27 日	$198,500
Paul Byrd	財務長 (CFO)	紐約	64	2010 年 6 月 9 日	$725,000
Gloria Little	系統管理員	紐約	59	2009 年 4 月 10 日	$237,500
Bradley Greer	軟體工程師	倫敦	41	2012 年 10 月 13 日	$132,000
Dai Rios	人事主管	愛丁堡	35	2012 年 9 月 26 日	$217,500
Jenette Caldwell	開發主管	紐約	30	2011 年 9 月 3 日	$345,000
Yuri Berry	行銷長 (CMO)	紐約	40	2009 年 6 月 25 日	$675,000
Caesar Vance	售前支援	紐約	21	2011 年 12 月 12 日	$106,450
Doris Wilder	銷售助理	雪梨	23	2010 年 9 月 20 日	$85,600
Angelica Ramos	執行長 (CEO)	倫敦	47	2009 年 10 月 9 日	$1,200,000
Gavin Joyce	開發人員	愛丁堡	42	2010 年 12 月 22 日	$92,575
Jennifer Chang	區域總監	新加坡	28	2010 年 11 月 14 日	$357,650
Brenden Wagner	軟體工程師	舊金山	28	2011 年 6 月 7 日	$206,850
Fiona Green	營運長 (COO)	舊金山	48	2010 年 3 月 11 日	$850,000
Shou Itou	區域行銷	東京	20	2011 年 8 月 14 日	$163,000
Michelle House	整合專家	雪梨	37	2011 年 6 月 2 日	$95,400
Suki Burks	開發人員	倫敦	53	2009 年 10 月 22 日	$114,500
Prescott Bartlett	技術作家	倫敦	27	2011 年 5 月 7 日	$145,000
Gavin Cortez	團隊領導	舊金山	22	2008 年 10 月 26 日	$235,500
Martena Mccray	售後支援	愛丁堡	46	2011 年 3 月 9 日	$324,050
Unity Butler	行銷設計師	舊金山	47	2009 年 12 月 9 日	$85,675
Howard Hatfield	辦公室經理	舊金山	51	2008 年 12 月 16 日	$164,500
Hope Fuentes	秘書	舊金山	41	2010 年 2 月 12 日	$109,850
Vivian Harrell	財務主管	舊金山	62	2009 年 2 月 14 日	$452,500
Timothy Mooney	辦公室經理	倫敦	37	2008 年 12 月 11 日	$136,200
Jackson Bradshaw	董事	紐約	65	2008 年 9 月 26 日	$645,750
Olivia Liang	支援工程師	新加坡	64	2011 年 2 月 3 日	$234,500
Bruno Nash	軟體工程師	倫敦	38	2011 年 5 月 3 日	$163,500
Sakura Yamamoto	支援工程師	東京	37	2009 年 8 月 19 日	$139,575
Thor Walton	開發人員	紐約	61	2013 年 8 月 11 日	$98,540
Finn Camacho	支援工程師	舊金山	47	2009 年 7 月 7 日	$87,500
Serge Baldwin	資料協調員	新加坡	64	2012 年 4 月 9 日	$138,575
Zenaida Frank	軟體工程師	紐約	63	2010 年 1 月 4 日	$125,250
Zorita Serrano	軟體工程師	舊金山	56	2012 年 6 月 1 日	$115,000
Jennifer Acosta	初級 Javascript 開發人員	愛丁堡	43	2013 年 2 月 1 日	$75,650
Cara Stevens	銷售助理	紐約	46	2011 年 12 月 6 日	$145,600
Hermione Butler	區域總監	倫敦	47	2011 年 3 月 21 日	$356,250
Lael Greer	系統管理員	倫敦	21	2009 年 2 月 27 日	$103,500
Jonas Alexander	開發人員	舊金山	30	2010 年 7 月 14 日	$86,500
Shad Decker	區域總監	愛丁堡	51	2008 年 11 月 13 日	$183,000
Michael Bruce	Javascript 開發人員	新加坡	29	2011 年 6 月 27 日	$183,000
Donna Snider	客戶支援	紐約	27	2011 年 1 月 25 日	$112,000
姓名	職位	辦公室	年齡	開始日期	薪資

Javascript
HTML
CSS
Ajax
伺服器端腳本
註解

下面顯示的 Javascript 用於初始化此範例中顯示的表格

$('#example').DataTable({ columnDefs: [ { targets: 4, render: DataTable.render.datetime('d MMM yyyy', 'MMM d, yy', 'en') } ] });

new DataTable('#example', { columnDefs: [ { targets: 4, render: DataTable.render.datetime('d MMM yyyy', 'MMM d, yy', 'en') } ] });

除了上述程式碼外，還載入了以下 Javascript 函式庫檔案，以供本範例使用

下面顯示的 HTML 是原始 HTML 表格元素，在它被 DataTables 增強之前

此範例除了從函式庫檔案載入的 CSS (如下所示) 外，還使用了一些額外的 CSS，以便正確顯示表格。下面顯示了使用的額外 CSS

以下 CSS 函式庫檔案已載入，以便在本範例中使用，以提供表格的樣式

此表格透過 Ajax 載入資料。已載入的最新資料如下所示。當載入任何額外資料時，此資料將自動更新。

下面顯示用於此表格伺服器端處理的腳本。請注意，這只是一個使用 PHP 的範例腳本。伺服器端處理腳本可以使用任何語言編寫，使用 DataTables 文件中描述的協定。

格式轉換 (Luxon)

其他範例

基本初始化

進階初始化

資料來源

語言和國際化

DateTime

外掛程式

樣式

版面配置

API

Ajax

伺服器端

DataTables