@daykeep/calendar-core/demo/mixins/move-dates.js

A full display calendar for multiple Vue.js frameworks

import DateTime from 'luxon/src/datetime'
import { sampleDateAdjustments } from './sample-data'
import dashHas from 'lodash.has'

export default {
  methods: {
    moveSampleDatesAhead: function () {
      // function to take dates in our demo eventArray and move them to the near future
      for (let counter = 0; counter < this.eventArray.length; counter++) {
        let currentItem = this.eventArray[counter]
        for (let thisAdjustment of sampleDateAdjustments) {
          if (thisAdjustment.ids.indexOf(currentItem.id) >= 0) {
            currentItem = this.adjustStartEndDates(currentItem, thisAdjustment.addDays)
          }
        }
        this.eventArray[counter] = currentItem
      }
    },
    adjustStartEndDates: function (eventItem, numDays) {
      let daysDiff = 0
      if (dashHas(eventItem.start, 'dateTime') && dashHas(eventItem.end, 'dateTime')) {
        // console.debug('has dateTime')
        // daysDiff = date.getDateDiff(
        //   DateTime.fromISO(eventItem.end.dateTime),
        //   DateTime.fromISO(eventItem.start.dateTime),
        //   'days'
        // )
        daysDiff = DateTime
          .fromISO(eventItem.end.dateTime)
          .diff(DateTime.fromISO(eventItem.start.dateTime))
          .as('days')
      }
      else if (dashHas(eventItem.start, 'date') && dashHas(eventItem.end, 'date')) {
        // console.debug('has date', Date(eventItem.start.date), Date(eventItem.end.date))
        // console.debug('has date', JSON.stringify(eventItem))
        // daysDiff = date.getDateDiff(
        //   DateTime.fromISO(eventItem.end.date),
        //   DateTime.fromISO(eventItem.start.date),
        //   'days'
        // )
        daysDiff = DateTime
          .fromISO(eventItem.end.date)
          .diff(DateTime.fromISO(eventItem.start.date))
          .as('days')
      }

      // start dates
      if (dashHas(eventItem.start, 'dateTime')) {
        eventItem.start.dateTime = this.getSqlDateFormat(
          this.setADateToADay(eventItem.start.dateTime, numDays),
          true
        )
      }
      if (dashHas(eventItem.start, 'date')) {
        eventItem.start.date = this.getSqlDateFormat(
          this.setADateToADay(eventItem.start.date + 'T00:00:00Z', numDays),
          false
        )
      }

      // end dates
      if (dashHas(eventItem.end, 'dateTime')) {
        eventItem.end.dateTime = this.getSqlDateFormat(
          this.setADateToADay(eventItem.end.dateTime, numDays + daysDiff),
          true
        )
      }
      if (dashHas(eventItem.end, 'date')) {
        eventItem.end.date = this.getSqlDateFormat(
          this.setADateToADay(eventItem.end.date + 'T00:00:00Z', numDays + daysDiff),
          false
        )
      }
      return eventItem
    },
    setADateToADay: function (dateObject, addDays) {
      let now = DateTime.local()
      if (typeof dateObject === 'string') {
        dateObject = DateTime.fromISO(dateObject)
      }
      dateObject = dateObject.set({
          year: now.year,
          month: now.month,
          day: now.day
        }
      )
      if (addDays !== undefined) {
        dateObject = dateObject.plus({
          days: addDays
        })
      }
      return dateObject
    },
    getSqlDateFormat: function (dateObject, withTime) {
      if (withTime) {
        // return date.formatDate(dateObject, 'YYYY-MM-DDTHH:mm:ssZ')
        return dateObject.toISO()
      }
      else {
        // return date.formatDate(dateObject, 'YYYY-MM-DD')
        return dateObject.toISODate()
      }
    }
  }
}