anytrek-front-public-component v1.3.27

front-public-component

A public component library

Project Install

npm install anytrek-front-public-component --save

Project Use

import frontPublicComponent from 'anytrek-front-public-component'; import 'anytrek-front-public-component/style.css'; app.use(frontPublicComponent);

anytrekTimerangePick

Select a time range

<anytrekTimerangePick v-model:visible="anytrekTimerangePickVisible" v-model:value="anytrekTimerangePickValue" v-model:valueType="anytrekTimerangePickValueType" v-model:startTime="anytrekTimerangePickStartTime" v-model:endTime="anytrekTimerangePickEndTime" v-model:timeZone="timeZone" :showQuick="true" :immediate="true" @change="rangeChange" /> const anytrekTimerangePickVisible = ref<boolean>(false); const anytrekTimerangePickValue = ref<'custom' | '' | number>('custom'); const anytrekTimerangePickValueType = ref<string>('week'); const anytrekTimerangePickStartTime = ref<string>(''); const anytrekTimerangePickEndTime = ref<string>(''); const timeZone = ref<string>(''); function rangeChange(startTime: string, endTime: string, tz: string) { console.log(startTime, endTime, tz); }