mirrors/it-tools
1
0
Fork 0
mirror of https://github.com/CorentinTh/it-tools.git synced 2025-05-10 08:05:00 -04:00
Code Issues Projects Releases Packages Wiki Activity Actions 1

feat(new tools): Date+Duration and Days Calculator

Browse source 
Allows computing specific date + some durations
Allows computing Date interval with many options (include end date, select week days, holidays, business time) and output many statistics

Fix #778, #584, #971
This commit is contained in:
ShareVB 2024-10-27 17:22:53 +01:00
parent 4c381f3b6d
commit dec2e31654
14 changed files with 1736 additions and 6 deletions
Download patch file Download diff file Expand all files Collapse all files

41
src/tools/date-duration-calculator/date-duration-calculator.vue Normal file
View file

@ -0,0 +1,41 @@
<script setup lang="ts">
import { addToDate } from './date-duration-calculator.service';
const now = Date.now();
const inputReferenceDate = ref(now);
const inputDurations = ref('');
const resultDateAdder = computed(() => addToDate(new Date(inputReferenceDate.value), inputDurations.value));
const errorsDateAdder = computed(() => resultDateAdder.value.errors.join('\n'));
</script>
<template>
<div>
<c-card title="Date + Duration Calculator" mb-2>
<n-form-item label="Reference Date:" label-placement="left" mb-1>
<n-date-picker v-model:value="inputReferenceDate" type="datetime" />
</n-form-item>
<c-input-text
v-model:value="inputDurations"
multiline
rows="5"
label="Duration(s)"
placeholder="Please enter duration, one per line with optional sign"
mb-2
/>
<n-p>Supports: comment (# line), HH:MM:SS.FFF, 3d 1h 3s..., P4DT12H20M20.3S..</n-p>
<c-card v-if="errorsDateAdder" title="Lines errors">
<textarea-copyable :value="errorsDateAdder" />
</c-card>
<n-divider />
<input-copyable v-if="resultDateAdder" label="Result Date:" label-position="left" label-width="150px" :value="resultDateAdder.date.toString()" mb-1 />
<input-copyable v-if="resultDateAdder" label="Result ISO Date:" label-position="left" label-width="150px" :value="resultDateAdder.date.toISOString()" mb-1 />
<input-copyable v-if="resultDateAdder" label="Duration (seconds):" label-position="left" label-width="150px" :value="resultDateAdder.durationSeconds" mb-1 />
<input-copyable v-if="resultDateAdder" label="Duration:" label-position="left" label-width="150px" :value="resultDateAdder.durationPretty" mb-1 />
</c-card>
</div>
</template>