J'ai créé une table dynamique en utilisant FooTable jQuery Plugin. http://jsbin.com/wasawa/editFooTable plugin datetime issue
Ici, j'ai utilisé l'horodatage MySQL en utilisant le format PHP date('Y-m-d H:i:s'). par exemple 2016-01-19 01:22:13, mais en utilisant le FooTable je ne reçois pas le format de date réel.
Toute aide serait appréciée.
Mise à jour des colonnes objet comme ci-dessous:
{ "name": "createdat", "title": "Created On", "formatter": function(value){ return moment(value).format('MMM Do YY'); } }
Je dois mettre à jour la fonction de formatage.
Et maintenant il fonctionne bien comme prévu.
Nous vous remercions de votre soutien.
Dans le cas où cela aide quelqu'un d'autre avec le même problème. J'ai été en mesure d'obtenir l'exemple du site, en utilisant ce qui suit. Vous devez inclure moment.js pour que cela fonctionne. Ce code ne s'exécutera pas dans le chemin de code de SO car footable nécessite localstorage.
Il affiche l'heure unix depuis une source externe comme vous le souhaitez. Je l'ai en utilisant MMM Do YY dans cet exemple.
jQuery(function($) {
$('#showcase-example-22').footable({
"useParentWidth": true,
columns: [
{
"name": "id",
"title": "ID",
"breakpoints": "xs sm",
"type": "number",
"style": {
"width": 80,
"maxWidth": 80
}
},
{
"name": "firstName",
"title": "First Name"
},
{
"name": "lastName",
"title": "Last Name"
},
{
"name": "something",
"title": "Never seen but always around",
"visible": false,
"filterable": false
},
{
"name": "jobTitle",
"title": "Job Title",
"breakpoints": "xs sm",
"style": {
"maxWidth": 200,
"overflow": "hidden",
"textOverflow": "ellipsis",
"wordBreak": "keep-all",
"whiteSpace": "nowrap"
}
},
{
"name": "started",
"title": "Started On",
"type": "numeric",
"breakpoints": "xs sm md"
},
{
"name": "dob",
"title": "Date of Birth",
"formatter": function(value) {
var datetime = JSON.parse(value)
return moment(datetime).format("MMM Do YY")
}
},
{
"name": "status",
"title": "Status"
}
],
rows: [{
"id": 1,
"firstName": "Annemarie",
"lastName": "Bruening",
"something": 1381105566987,
"jobTitle": "Cloak Room Attendant",
"started": 1367700388909,
"dob": 122365714987,
"status": "Suspended"
},
{
"id": 2,
"firstName": "Nelly",
"lastName": "Lusher",
"something": 1267237540208,
"jobTitle": "Broadcast Maintenance Engineer",
"started": 1382739570973,
"dob": 183768652128,
"status": "Disabled"
},
{
"id": 3,
"firstName": "Lorraine",
"lastName": "Kyger",
"something": 1263216405811,
"jobTitle": "Geophysicist",
"started": 1265199486212,
"dob": 414197000409,
"status": "Active"
},
{
"id": 4,
"firstName": "Maire",
"lastName": "Vanatta",
"something": 1317652005631,
"jobTitle": "Gaming Cage Cashier",
"started": 1359190254082,
"dob": 381574699574,
"status": "Disabled"
},
{
"id": 5,
"firstName": "Whiney",
"lastName": "Keasler",
"something": 1297738568550,
"jobTitle": "High School Librarian",
"started": 1377538533615,
"dob": -11216050657,
"status": "Active"
},
{
"id": 6,
"firstName": "Nikia",
"lastName": "Badgett",
"something": 1283192889859,
"jobTitle": "Clown",
"started": 1348067291754,
"dob": -236655382175,
"status": "Active"
}
]
});
});<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-footable/3.1.4/footable.min.js"></script>
<link href="https://cdnjs.cloudflare.com/ajax/libs/jquery-footable/3.1.4/footable.bootstrap.css" rel="stylesheet" />
<table id="showcase-example-1" class="table" data-paging="true" data-filtering="true" data-sorting="true" data-editing="true" data-state="true"></table>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-footable/3.1.4/footable.js"></script>enter code here
Erreur après l'exécution de l'extrait de code –
Quelle était l'erreur? Avez-vous inclus moment.js? –
Alors Où voulez-vous? Rappelez-vous que nous ne pouvons vous aider que si nous comprenons parfaitement le problème. – RiggsFolly
Avez-vous essayé de changer '" formatString ":" MMM Do YY "'? –
@RiggsFolly Je suppose que c'est plus facile d'aller chez le dentiste. –