Skip to content
Snippets Groups Projects
Select Git revision
  • a35641679f46a913a165ea900e448908c3c32090
  • main default protected
  • 5.5 protected
  • atlantis
  • 5.3 protected
  • 5.0 protected
  • issue-23
  • issue8-seat-logging-and-export
  • ticket-216
  • tickets-215-216-241-242
10 results

StudipTreeTable.vue

Blame
  • Forked from Stud.IP / Stud.IP
    Source project has a limited visibility.
    Code owners
    Assign users and groups as approvers for specific file changes. Learn more.
    CoursewareDateInput.vue 1.19 KiB
    <template>
        <input :value="formattedDate" @input="onInput" type="date" :min="formattedMinDate" />
    </template>
    
    <script>
    const fromISO8601 = (string) => new Date(string);
    const toISO8601 = (date) => date.toISOString();
    const pad = (what, length = 2) => `00000000${what}`.substr(-length);
    
    export default {
        props: ['value', 'min'],
        data: () => ({
            date: new Date(),
            submissionDate: new Date()
        }),
        computed: {
            formattedDate() {
                return `${this.date.getFullYear()}-${pad(this.date.getMonth() + 1)}-${pad(this.date.getDate())}`;
            },
            formattedMinDate() {
                return `${this.submissionDate.getFullYear()}-${pad(this.submissionDate.getMonth() + 1)}-${pad(this.submissionDate.getDate())}`;
            }
        },
        methods: {
            onInput({ target }) {
                const newValue = toISO8601(target.valueAsDate);
                if (newValue !== this.value) {
                    this.$emit('input', newValue);
                }
            },
        },
        beforeMount() {
            if (this.value) {
                this.date = fromISO8601(this.value);
            }
            if (this.min) {
                this.submissionDate = fromISO8601(this.min);
            }
        },
    };
    </script>