Convertir le format de date en utilisant Javascript VueJS

Question

J'ai un format de date « 19 octobre 2017 » et que vous voulez convertir en ce format « 20171019 »

est-il un moyen rapide de faire cela? J'utilise FlatPickr dans VueJs. S'il vous plaît trouver mon code ci-dessous si son aide.

Merci

import flatPickr from 'vue-flatpickr-component'; 
    import 'flatpickr/dist/flatpickr.css'; 
    import Navigation from './Navigation' 
    import bus from '../bus' 
    export default { 
    data() { 
     return { 
     showPanel: false, 
     isClosed: false, 
     arrival: null, 
     departure: null, 
     config: { 
      dateFormat: "Ymd" 
     } 
     } 
    }, 
    components: { 
     flatPickr 
    }, 
    methods: { 
     closeMenu: function() { 
     this.$store.state.showBooking = false; 
     } 
    }, 
    mounted() { 
     bus.$on('show-booking',() => { 
     this.showPanel = true; 
     }) 
    } 
    } 

Answer 1

Vous pouvez le faire en créant un nouvel objet Date à l'aide de votre chaîne.

var date = new Date("19 Oct 2017"); 
 

 
var result = "" + date.getFullYear() + ((date.getMonth() + 1) > 9 ? '' : '0') + (date.getMonth() + 1) + (date.getDate() > 9 ? '' : '0') + date.getDate(); 
 

 
console.log(result)

Answer 2

Vous pouvez briser la chaîne de la même façon un analyseur serait, mais éviter de créer une date, puis formatez les parties. Cela évitera les caprices de l'analyseur intégrée Date:

function reformatDate(s) { 
 
    function z(n){return ('0'+n).slice(-2)} 
 
    var months = [,'jan','feb','mar','apr','may','jun', 
 
       'jul','aug','sep','oct','nov','dec']; 
 
    var b = s.toLowerCase().split(' '); 
 
    return b[2] + z(months.indexOf(b[1])) + z(b[0]); 
 
} 
 

 
console.log(reformatDate('19 Oct 2017')); 
 
console.log(reformatDate('1 Jan 2017'));

Answer 3

Une autre bonne option est d'utiliser moment.js lib pour formater la date, vous devez d'abord l'installer dans votre projet par NPM npm i --save moment (ou voir plus d'options sur le site officiel) et alors vous devriez seulement l'importer dans votre composant et changer la date au format désiré:

import moment from 'moment' 
const formattedDate = moment('19 Oct 2017').format('YYYYMMDD') 
console.log(formattedDate) //20171019