format de date jQuery

jQuery dateFormat est un plugin séparé. Vous devez le charger explicitement en utilisant une .

Ajoutez le plugin jquery ui dans votre page.

  $("#txtDate").val($.datepicker.formatDate('dd M yy', new Date())); 

Une alternative serait la fonction simple js date (), si vous ne voulez pas utiliser le plugin jQuery / jQuery:

par exemple:

 var formattedDate = new Date("yourUnformattedOriginalDate"); var d = formattedDate.getDate(); var m = formattedDate.getMonth(); m += 1; // JavaScript months are 0-11 var y = formattedDate.getFullYear(); $("#txtDate").val(d + "." + m + "." + y); 

voir: 10 façons de formater l’heure et la date à l’aide de JavaScript

Si vous voulez append des zéros au jour / mois, ceci est un exemple parfait: Javascript ajoute des zéros à ce jour

et si vous voulez append du temps avec des zéros en tête, essayez ceci: getMinutes () 0-9 – comment avec deux nombres?

ThulasiRam, je préfère votre suggestion. Cela fonctionne bien pour moi dans une syntaxe / un contexte légèrement différent:

 var dt_to = $.datepicker.formatDate('yy-mm-dd', new Date()); 

Si vous décidez d’utiliser le composant DatePicker de l’ interface utilisateur JQuery , assurez-vous d’utiliser les références appropriées dans la section de votre document:

Voici une fonction très simple que je viens de créer qui ne nécessite aucun plug-in externe:

 $.date = function(dateObject) { var d = new Date(dateObject); var day = d.getDate(); var month = d.getMonth() + 1; var year = d.getFullYear(); if (day < 10) { day = "0" + day; } if (month < 10) { month = "0" + month; } var date = day + "/" + month + "/" + year; return date; }; 

Utilisation:

 $.date(yourDateObject); 

Résultat:

 dd/mm/yyyy 

J’utilise Moment JS . Est très utile et facile à utiliser.

 var date = moment(); //Get the current date date.format("YYYY-MM-DD"); //2014-07-10 

J’espère que ce code corrigera votre problème.

 var d = new Date(); var curr_day = d.getDate(); var curr_month = d.getMonth(); var curr_year = d.getFullYear(); var curr_hour = d.getHours(); var curr_min = d.getMinutes(); var curr_sec = d.getSeconds(); curr_month++ ; // In js, first month is 0, not 1 year_2d = curr_year.toSsortingng().subssortingng(2, 4) $("#txtDate").val(curr_day + " " + curr_month + " " + year_2d) 

Utilisez simplement ceci:

 var date_str=('0'+date.getDate()).substr(-2,2)+' '+('0'+date.getMonth()).substr(-2,2)+' '+('0'+date.getFullYear()).substr(-2,2); 

Bien que cette question ait été posée il y a quelques années, un plugin jQuery n’est plus requirejs à condition que la valeur de date en question soit une chaîne au format mm/dd/yyyy (comme lors de l’utilisation d’un sélecteur de date);

 var birthdateVal = $('#birthdate').val(); //birthdateVal: 11/8/2014 var birthdate = new Date(birthdateVal); //birthdate: Sat Nov 08 2014 00:00:00 GMT-0500 (Eastern Standard Time) 

Jetez un oeil ici:

https://github.com/mbitto/jquery.i18Maintenant

Ce plugin jQuery vous permet de formater et de traduire la date et l’heure selon vos préférences.

Vous pouvez utiliser cet extrait

 $('.datepicker').datepicker({ changeMonth: true, changeYear: true, yearRange: '1900:+0', defaultDate: '01 JAN 1900', buttonImage: "http://soffr.miximages.com/jquery/outlook_calendar.gif", dateFormat: 'dd/mm/yy', onSelect: function() { $('#datepicker').val($(this).datepicker({ dateFormat: 'dd/mm/yy' }).val()); } }); 

    
 selector:  
 
 output:   

Nous pouvons simplement formater la date comme,

 var month = date.getMonth() + 1; var day = date.getDate(); var date1 = (('' + day).length < 2 ? '0' : '') + day + '/' + (('' + month).length < 2 ? '0' : '') + month + '/' + date.getFullYear(); $("#txtDate").val($.datepicker.formatDate('dd/mm/yy', new Date(date1))); 

Où "date" est une date dans n'importe quel format.

Vous pouvez append un nouvel utilisateur à la fonction jQuery ‘getDate’

JSFiddle: getDate jQuery

Ou vous pouvez exécuter l’extrait de code. Appuyez simplement sur “Exécuter l’extrait de code” en dessous de ce message.

 // Create user jQuery function 'getDate' (function( $ ){ $.fn.getDate = function(format) { var gDate = new Date(); var mDate = { 'S': gDate.getSeconds(), 'M': gDate.getMinutes(), 'H': gDate.getHours(), 'd': gDate.getDate(), 'm': gDate.getMonth() + 1, 'y': gDate.getFullYear(), } // Apply format and add leading zeroes return format.replace(/([SMHdmy])/g, function(key){return (mDate[key] < 10 ? '0' : '') + mDate[key];}); return getDate(str); }; })( jQuery ); // Usage: example #1. Write to '#date' div $('#date').html($().getDate("ymd H:M:S")); // Usage: ex2. Simple clock. Write to '#clock' div function clock(){ $('#clock').html($().getDate("H:M:S, m/d/y")) } clock(); setInterval(clock, 1000); // One second // Usage: ex3. Simple clock 2. Write to '#clock2' div function clock2(){ var format = 'H:M:S'; // Date format var updateInterval = 1000; // 1 second var clock2Div = $('#clock2'); // Get div var currentTime = $().getDate(format); // Get time clock2Div.html(currentTime); // Write to div setTimeout(clock2, updateInterval); // Set timer 1 second } // Run clock2 clock2(); // Just for fun // Usage: ex4. Simple clock 3. Write to '#clock3' span function clock3(){ var formatHM = 'H:M:'; // Hours, minutes var formatS = 'S'; // Seconds var updateInterval = 1000; // 1 second var clock3SpanHM = $('#clock3HM'); // Get span HM var clock3SpanS = $('#clock3S'); // Get span S var currentHM = $().getDate(formatHM); // Get time H:M var currentS = $().getDate(formatS); // Get seconds clock3SpanHM.html(currentHM); // Write to div clock3SpanS.fadeOut(1000).html(currentS).fadeIn(1); // Write to span setTimeout(clock3, updateInterval); // Set timer 1 second } // Run clock2 clock3(); 

Ajoutez cette fonction à votre et appelez où vous voulez dans ce

ou vous pouvez simplement utiliser le Jquery qui fournit des fonctionnalités de formatage également: –

 window.alert(Date.parse(new Date()).toSsortingng('yyyy-MM-dd H:i:s')); 

J’aime la deuxième option. Il résout tous les problèmes en une seule fois.

Si vous utilisez jquery ui alors vous pouvez l’utiliser comme ci-dessous, vous pouvez spécifier votre propre format de date

 $.datepicker.formatDate( "D dd-M-yy", new Date()) // Output "Fri 08-Sep-2017" 

Je ne suis pas tout à fait sûr de pouvoir répondre à une question posée il y a deux ans, car c’est ma première réponse sur stackoverflow, mais voici ma solution.

Si vous avez déjà récupéré la date dans votre firebase database MySQL, divisez-la puis utilisez les valeurs fractionnées.

 $(document).ready(function () { var datefrommysql = $('.date-from-mysql').attr("date"); var arraydate = datefrommysql.split('.'); var yearfirstdigit = arraydate[2][2]; var yearlastdigit = arraydate[2][3]; var day = arraydate[0]; var month = arraydate[1]; $('.formatted-date').text(day + "/" + month + "/" + yearfirstdigit + yearlastdigit); }); 

Voici un violon

Utilisez l’option dateFormat lors de la création du sélecteur de date.

 $("#startDate").datepicker({ changeMonth: true, changeYear: true, showButtonPanel: true, dateFormat: 'yy/mm/dd' }); 

Voici l’exemple de code complet que j’ai montré sur le navigateur, j’espère que vous aussi utile merci.

              
Enter Date: 
   

vous pouvez utiliser le code ci-dessous sans le plugin.

     Pick the Date:  

Vous pouvez essayer http://www.datejs.com/

  $('#idInput').val( Date.parse("Jun 18, 2017 7:00:00 PM").toSsortingng('yyyy-MM-dd')); 

BR

Cela a fonctionné pour moi avec une légère modification et sans aucun plugin

Entrée: mer. Avr. 11 2018 00:00:00 GMT + 0000

 $.date = function(orginaldate) { var date = new Date(orginaldate); var day = date.getDate(); var month = date.getMonth() + 1; var year = date.getFullYear(); if (day < 10) { day = "0" + day; } if (month < 10) { month = "0" + month; } var date = month + "/" + day + "/" + year; return date; }; $.date('Wed Apr 11 2018 00:00:00 GMT+0000') 

Sortie: 04/11/2018

Vous pouvez utiliser ce codage

 $('[name="tgllahir"]').val($.datepicker.formatDate('dd-mm-yy', new Date(data.tgllahir)));