repos
/ timestrap-django master

timestrap-django

mirror archived upstream

Time tracking you can host anywhere, built on Django. Full export support in multiple formats and easily extensible.

djangodockerhandcodedpythonself-hostedtime-trackingtimetracker

891 B · 48 lines · vue Raw History
 1<template>
 2  <input class="datepicker" type="date">
 3</template>
 4
 5
 6<script>
 7import $ from 'jquery';
 8
 9import 'picker';
10import 'picker-date';
11
12import 'pickadate/lib/themes/default.css';
13import 'pickadate/lib/themes/default.date.css';
14
15
16export default {
17  props: [
18    'default',
19  ],
20  data() {
21    return {
22      picker: null,
23    };
24  },
25  mounted() {
26    let vm = this;
27    $(this.$el).pickadate({
28      format: 'yyyy-mm-dd',
29      onStart: function() {
30        vm.picker = '#' + $(vm.$el).attr('id') + '_root';
31        $(vm.picker).appendTo('body');
32        if (vm.default) {
33          this.set('select', vm.default);
34          vm.$emit('input', vm.$moment(vm.default).format('YYYY-MM-DD'));
35        }
36      },
37      onSet: function() {
38        vm.$emit('input', $(vm.$el).val());
39      },
40    });
41  },
42  destroyed() {
43    $(this.$el).stop();
44    $(this.picker).remove();
45  },
46};
47</script>