У меня есть поле даты (с помощью Luxon), которое не даст мне правильный день (который должен быть либо 1-го по 15-е) - PullRequest
Новая
       34

У меня есть поле даты (с помощью Luxon), которое не даст мне правильный день (который должен быть либо 1-го по 15-е)

0 голосов
/ 03 октября 2019

Я не могу получить даты для отображения 1 из 15 в дневной части моих полей даты, в зависимости от этого времени месяца. Я заставлял это работать так же много раз, я не уверен, что мне не хватает. Есть идеи? В поисках возможного второго способа сделать это. 

             <div class="col-lg-6">
              <div class="form-group">
                <label>Lease Term <span class="note">I</span></label>
                <input type="text" class="form-control" @change="leaseTermCalculator" v-model="document.lease_term">
              </div>
            </div>
            <div class="col-lg-6">
              <div class="form-group">
                <label>Lease Start <span class="note">I </span><span class="green pointer" v-on:click="document.lease_start = ''" v-if="document.lease_start != ''">x</span></label>
                <datetime type="date"
                          v-model="document.lease_start"
                          zone="UTC"
                          :change="leaseStartDay"
                          :format="{ year: 'numeric', month: 'long', day: 'numeric' }"
                          :phrases="{ok: 'OK', cancel: 'Cancel'}"
                          :minute-step="15"
                          use12-hour
                          auto
                          input-class="form-control"
                >
                </datetime>
              </div>
            </div>
            <div class="col-lg-6">
              <div class="form-group">
                <label>Lease End <span class="note">I </span><span class="green pointer" v-on:click="document.lease_end = ''" v-if="document.lease_end != ''">x</span></label>
                <datetime type="date"
                          v-model="document.lease_end"
                          zone="UTC"
                          :format="{ year: 'numeric', month: 'long', day: 'numeric' }"
                          :phrases="{ok: 'OK', cancel: 'Cancel'}"
                          :minute-step="15"
                          use12-hour
                          auto
                          input-class="form-control"
                >
                </datetime>
              </div>
            </div>
              </div>
      leaseStartDay() {
        var date = DateTime.fromISO(this.document.lease_start);
        var day = date.day;
        // console.log(day);
        if(day < 14) {
          this.document.lease_start = DateTime.fromISO(this.document.lease_start).set({day: 15});
          this.document.lease_start_day = 'FIFTEEN'
        } else{ 
          this.document.lease_start = DateTime.fromISO(this.document.lease_start).plus({months:1}).set({day: 1});
          this.document.lease_start_day = 'FIRST'
        }
      },
          mounted() {
        this.$parent.$on('documentHellosignUpdate', this.documentHellosignUpdate);
        this.leaseStartDay();
        setTimeout(() => { this.loaded = true; }, 1000);
      },
...