2017-05-28 9 views
6

का ऑर्डर नहीं कर रहा है मेरे पास मूल स्प्रिंगबूट ऐप है। एम्बेडेड टोमकैट, थाइमेलीफ टेम्पलेट इंजन मैं डेटाटेबल के 1 दिनांक कॉलम को ऑर्डर करना चाहता हूं।डेटाटेबल: दिनांक/समय सॉर्टिंग प्लग-इन

मेरी POJO में

:

public String getTimeFormatted() { 
DateTimeFormatter formatter = 
      DateTimeFormatter.ofPattern("EEEE, MMMM d,yyyy h:mm,a", Locale.ENGLISH); 
     LocalDateTime dateTime = LocalDateTime.ofEpochSecond(time, 0, ZoneOffset.UTC);  
     return dateTime.format(formatter); 
    } 

टेम्पलेट में:

<script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.8.4/moment.min.js"></script> 
<script src="https://cdn.datatables.net/plug-ins/1.10.15/sorting/datetime-moment.js"></script> 

<script th:inline="javascript"> 
$(document).ready(function() { 

    $.fn.dataTable.moment('EEEE, MMMM d,yyyy h:mm,a'); 

    $('#table').dataTable({ 
     "bLengthChange": false, 
     "pageLength": 25, 
    }); 
}); 
</script> 

लेकिन यह आदेश नहीं करता है ठीक से enter image description here

+0

चाल मैं वास्तव में 'यूनिक्स डेटा समय के साथ hidden' के साथ एक अवधि जोड़ने है, इसलिए DataTable इसे सही ढंग से क्रमबद्ध कर सकते हैं कर ... – balexandre

+0

DataTables छंटाई यदि वर्णमाला है कोई सॉर्ट फ़ंक्शन निर्दिष्ट है। वर्कअराउंड @ बालेक्सेंड्रे का उपयोग ठीक है, लेकिन "सही" तरीका आपके सॉर्टिंग फ़ंक्शन को उस दिनांक प्रारूप के आधार पर परिभाषित करना है जिसका आप उपयोग कर रहे हैं। https://datatables.net/plug-ins/sorting/#Custom-data-source-sorting – Dacklf

उत्तर

3

यह डिबग करने के लिए काफी आसान है।

मैंने भी simple example बनाया।

अपने कोड के EEEE, MMMM d,yyyy h:mm,a के रूप में एक प्रारूप का उपयोग कर रहे हैं (मैं वसंत में मान), लेकिन आप अनुवाद करना कि moment प्रारूप ... और from the docs में भूल गया, कि होना चाहिए: dddd, MMMM D,YYYY h:mm,a

तो कोड वास्तव में होना चाहिए :

$.fn.dataTable.moment("dddd, MMMM D,YYYY h:mm,a"); 
0

व्यक्तिगत रूप से, मैं एक data-order attribute उपयोग करने के लिए पसंद करते हैं। तो मैं इसे epoch या YYYYmmddHHiiss में टाइमस्टैम्प पास करता हूं।

आप यहाँ एक उदाहरण देख सकते हैं: https://datatables.net/examples/advanced_init/html5-data-attributes.html

संबंधित मुद्दे