TypeError: $.fn.dataTable.le moment n'est pas une fonction

Je suis en utilisant jquery Datatables plugin et dans une de mes tables, j'ai voulu trier le résultat basé sur la date de la colonne temps. Alors, j'ai compris moment.js version 2.13.0 et ma dataTable version est 1.10.10 et mon jQuery version 1.9.1.

Comme suggéré dans cette dernière dataTable date de temps à trier plugin article https://datatables.net/blog/2014-12-18, j'ai essayé ce qui suit, mais dans la console j'ai

TypeError: $.fn.dataTable.moment is not a function
$.fn.dataTable.moment('DD-MMM-Y HH:mm:ss');

dans ma page html,

$(document).ready(function() {
    $.fn.dataTable.moment('DD-MMM-Y HH:mm:ss');
    $('#myTable').DataTable();
} );

Ma Date, les données de la colonne a date dans ce format, 09-May-2016 19:38:00. Et j'ai intervertir l'ordre dans lequel les dataTable et moment.js plugin source est inclus dans ma page html. Mais j'obtiens toujours la même erreur. Quel pourrait être le problème?

Avez-vous importer le date / heure de tri plug-in comme expliqué dans l'article lié? Vous devez importer: //cdn.datatables.net/plug-ins/1.10.11/sorting/datetime-moment.js
oui j'ai essayé d'ajouter que js trop. J'ai essayé, y compris localement n aussi la version CAN. Je reçois le même message d'erreur

OriginalL'auteur Lucky | 2016-05-09

  1. 13

    L'ordre de l'importation de scripts est important. Vous devez inclure les tables de données avant le tri plugin. Les ouvrages suivants, pour moi:

    <script src="//cdnjs.cloudflare.com/ajax/libs/jquery/2.2.1/jquery.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/moment.js/2.11.2/moment.min.js"></script>
<script src="//cdn.datatables.net/1.10.12/js/jquery.dataTables.min.js"></script>
<script src="//cdn.datatables.net/plug-ins/1.10.12/sorting/datetime-moment.js"></script>

    OriginalL'auteur Ossipon

  2. 3

    Problème de cache navigateur. Les fichiers JS que j'ai inclus ne sont pas correctement téléchargé dans le navigateur à l'origine du problème. J'ai vidé le cache et utilisé la version CAN. Et il a bien fonctionné.
    Voici mon code si quelqu'un a besoin à l'avenir,

    JS importations:

    <script th:src="@{/js/jquery-1.8.3.js}" />
<script th:src="@{/js/jquery.datatables.min.js}" />
<script th:src="@{//cdnjs.cloudflare.com/ajax/libs/moment.js/2.8.4/moment.min.js}" />
<script th:src="@{//cdn.datatables.net/plug-ins/1.10.11/sorting/datetime-moment.js}" />

    DataTable init:

    $(document).ready( function () {

    $.fn.dataTable.moment('DD-MMM-Y HH:mm:ss');

    $('#jobcardsTable').DataTable({
        responsive: true,
        "order": [[ 2, "desc" ]]
    });

});

    Donc initialement lors de la datatable charge personnalisée au format date est analysée à partir de la troisième colonne à l'aide de moment.js et triés dans l'ordre décroissant.

    Le format est appliqué sur votre table? Pour moi ça ne fonctionne pas.
    Mon code (pas de travail): $('#tblResults').dataTable({ "columnDefs": [ { cibles: [5, 6], de rendu: $.fn.dataTable.moment("DD.MM.AAAA") } ],
    Il fonctionne très bien pour moi. Pourriez-vous faire un jsfiddle démonstration de votre code ou une nouvelle question et un lien ici?
    Je suis en train d'essayer avec violon: jsfiddle.net/FrenkyB/kn8xu10w
    Encore une fois, fonctionne très bien pour moi. Vérifiez ce violon, que j'ai créé maintenant basé sur vos violons, jsfiddle.net/kn8xu10w/4 La colonne de la date de automcatically triés dans l'ordre décroissant. modifier la valeur de asc si vous souhaitez trier par ordre croissant. Chose importante est que vous devriez assurez-vous que les tables de données version est 1.10.x. Il fonctionne même sans mise en forme de la date.

    OriginalL'auteur Lucky

  3. 0

    Les deux fichiers ci-dessous sont nécessaires;

    • moment.min.js, et
    • datetime-moment.js

    Ne chargez tous les fichiers dans l'ordre suivant:

    • Moment,
    • DateTables,
    • DataTables + Moment plug-in.

    OriginalL'auteur Ravichandra Sellappan