Konvertieren von Datum-format in Javascript mit VueJS

Habe ich ein date-format "19 Okt 2017" und wollen es zu konvertieren in dieses format "20171019"

Gibt es einen schnellen Weg, dies zu tun? Ich bin mit FlatPickr in VueJs. Bitte meinen code unten, wenn Ihr keine Hilfe.

Dank

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;
      })
    }
  }
InformationsquelleAutor | 2017-10-12
  1. 2

    Eine weitere gute option ist die Verwendung moment.js lib, um das Datum zu formatieren, sollten Sie es zuerst in Ihrem Projekt durch npm npm i --save moment (oder mehr Optionen auf der offiziellen website), und Sie dann nur importieren Sie es in Ihre Komponente aus, und ändern Sie das Datum in das gewünschte format:

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

    Können Sie dies leicht tun: 

      import moment from 'moment'

  methods: { 
      format_date(value){
         if (value) {
           return moment(String(value)).format('YYYYMMDD')
          }
      },
   },

    Dann:

    format_date(date)
    InformationsquelleAutor Md.Mostafijur Rahman
  3. 1

    Können Sie brechen die Zeichenfolge in der gleichen Weise ein parser würde, aber vermeiden, erstellen Sie ein Datum, dann formatieren Sie die Teile. Vermieden werden von den Launen der eingebaute Datum-parser:

    JS:

    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'));

    InformationsquelleAutor RobG
  4. 0

    Können Sie tun, indem Sie neue Date-Objekt mit der Zeichenfolge.

    JS:

    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)

    • Mit dem built-in-parser ist nicht empfehlenswert, vor allem für nicht–standard-Datum-Formate.
    • also Datum-parsing basiert nicht auf einem standard-und produzieren unterschiedliche Ergebnisse in verschiedenen Browsern? Ich wusste nicht, dass!
    InformationsquelleAutor Walk
Schreibe einen Kommentar