2014-10-20 3 views
2

DataTables를 사용하여 날짜 열이 포함 된 일부 MySQL 데이터를 표시하고 있습니다.날짜 열을 jQuery DataTables의 DD/MM/YYY로 정렬합니다. 1.10.2

내 테이블의 모든 날짜 데이터는 DD/MM/YYYY 형식으로 표시되며 시도하는 여러 가지 사안에 상관없이 처음 두 숫자가 아닌 다른 방식으로 정렬 할 수 없습니다. 나는 그것이 맞는 생각하는

나는 현재 정렬이 방법을 사용하고 최고의 내 데이터 :

http://datatables.net/plug-ins/sorting/date-uk

"columns": [ 
     { "data": "Address" }, 
     { "data": "Date_seen", "type" : "date-uk" }, 
나는 또한 더 DataTables의 예처럼,이 방법을 사용하여 정렬하는 데 노력했다

웹 사이트 :

"columnDefs": [ 
     { "type": "date-uk", "targets": 1 } 
    ], 

플러그인 코드를 자바 스크립트 파일로 복사 해본 후 데이터 테이블을 통해 플러그인을 참조하려고 시도했습니다. CDN. 내가 실현

유사한 많은 질문이 있습니다하지만 그들은 모두 몇 년 전에서 DataTables의 이전 버전에 관련된 것 같다, 및 sType, aaSortingaoColumns 같은 나이 initialisations의 사용을 포함한다.

나는 누군가가 이것이 작동하지 않는 이유에 대해 밝혀 줄 수 있기를 바란다. 그것은 나를 미치게 만든다.

+1

링크에 표시된 코드가 당신을 위해 작동하지 않는 이유는 확실하지. 귀하의 시도가 포함 된 데모를 jsfiddle.net에 만드십시오. 플러그인 및 CSS 코드에 CDN 리소스를 사용할 수 있습니다. – charlietfl

+1

@charlietfl 답장을 보내 주셔서 감사합니다. 민감한 환자 정보를 포함하는 헬스 케어 시스템에서 일하면서 jsfiddle에 내 시도를 할 수는 없지만 MySQL 데이터베이스는 테스트하는 동안 내 컴퓨터에서 로컬로만 호스팅됩니다. 내 자바 스크립트 파일을 더 보시려면 도움이 될까요? 작은 규모로 날짜 정렬을 테스트하기 위해, 나는 정보를 만들어 jsfiddle을 만들었고 아무런 문제없이 실행됩니다 ... http://jsfiddle.net/mikethirteen/k9rm3qL6/3/ – mikethirteen

답변

4

위의 플러그인을 사용하는 것이 왜 저에게 도움이되지 않는지 알 수는 없지만 필자의 경우이 문제에 대한 답을 제시하는 해결 방법을 구현했습니다.

DataTables는 기본적으로 YYYY-MM-DD를 사용하여 날짜를 처리하므로이 방식으로 데이터 서식이 지정된 두 번째 날짜 열을 만들었습니다. 또한 원래 형식이 변경 될 때이 형식으로 열을 업데이트하는 JavaScript 함수를 사용합니다.

내 원래 열의 DataTables 옵션 iDataSort을 사용하고이 새로운 '기본 날짜'열을 bVisible으로 숨김으로써 원래의 열을 표시하지만 숨겨진 '기본 날짜'열을 사용하여 정렬합니다. 다음은이 해결 방법을 초기화하는 방법의 예입니다.

"columns": [ 
     { "data": "Name_of_Patient", "width" : "10%" }, 
     { "data": "Address" }, 
     { "data": "Hospital_Number" }, 
     { "data": "PCT" }, 
     { "data": "Date_of_Pres", "iDataSort" : 5 }, 
     { "data": "Date_of_Pres_Sort", "bVisible" : false } 
], 
+0

그건 아주 유용한 일입니다. 감사합니다! –

+0

@mikethirteen, 나는 당신과 같은 문제를 겪고있다. 그러나 차이점은 내가 서버 측 처리를 사용하고 있다는 것이다.) 2. 나의 날짜 값은 서버 측의 형식이다. 귀하의 솔루션을 사용해 보았지만 저에게 효과적이지 않으므로 서버 측 처리 및 서버 측 서식 값도 사용하고 있는지 알고 싶습니다. – Janpan

관련 문제