23 Time Components Examples with Vue.js
1.Vue filter date format
Simple datetime filter for Vue.js.
2.Vue Time Picker
Vue time picker! Simple, no nonsense time picker built and optimized for Vue.
3.qube
Modern Vue.js based speedcubing timer with integrated cloud storage (work in progress).Modern Vue.js based speedcubing timer with integrated Google cloud storage.
Demo: https://qube.padarom.xyz/
4.Vue count down timer
This is a count down timer for Vue js framework. This library supports two types of timers:
Timer mode: Timer based on hour, minute and second.
Single mode: Timber based on second (single circle without hours and minutes).
5.Vuemodoro
Vuemodoro is a Vue Single File Component implementing a countdown timer, intended to provide a Pomodoro countdown in your Vue applications. It comes with a set of properties making the component customizable for your needs. For example, you can customize either the duration of the countdown or the labels of the buttons for interacting with the component.
Moreover, you can choose between different styles for your Vuemodoro look and feel.
6.Vue timeselector
Simple customizable Vue.js timepicker component.
vue-timeselector is a Vue (2.x) component that gives you ability to select a time depending on multiple options. This component has been created in order to be as fully and simply customizable as powerful thanks to props (format, UTC, 12-24h, optional pickers, highlight, interval, native HTML attributes and many more…), events (opened picker, closed picker, cleared input…) and slots (icon, headers…).
7.Vue awesome countdown
Countdown plug-in with high performance and high accuracy for Vue2.5.0+. https://vac.js.org
8.Vue date pick
Lightweight and mobile friendly date time picker based on Vue. Vue date pick emphasizes performance, elegant and usable UI on all screen sizes and simplicity of configuration. Has no dependencies on css frameworks or date libraries. Weighs less then 5KB.
Demo: https://dbrekalo.github.io/vue-date-pick/
9.Vue ctk date time picker
A vue component for select dates (range mode available) & time.
10.sheeptime
a simple time tracker powered by Electron + Vue.
Features
- tracking of activities per project you work on
- reports on the activities in a project (including total time spent on the project, can be exported as a PDF)
- supports European and American time formats
11.VueTimeRange
Time Range Picker Based On Buefy And Vue.
12.Not Fancy Countdown Timer
A simple, not fancy at all, Countdown Timer. Part of the #NotFancyAppChallenge.
Features include:
- Select desired countdown time
- Display countdown time
- Display countdown end time
13.Vue2 flip countdown
A simple flip countdown timer component for Vue 2.x
14.3D Cube Combination Time
Numerical combination using 3D cubes.
15.Vuejs countdown
A simple countdown timer component for VueJS 2.
16.Countdown Timer Vue Component
Simple Vue.js timer component. Gets start and end time of an event and calculates the status according to now.
All the words and texts are coming from a JSON string form html attribute of “trans”, so that they could be changed to any desirable language.
17.Vue moment lib
A Vue.js 2.0 MomentJS library
Make momentjs available in your template and Vue instance. Since it just try to map raw js function, api is same asmomentjs.com. Making it easier to use in your Vue.js projects.
It added moment and duration as filters and component instance functions ($moment and $duration).
Generated using vue-cli-template-library.
18.Vue Date Picker
A vue date picker component inspired by material design.
19.Vue monthly picker
Vue Monthly Picker Components.
20.Vue Pomodoro Timer
A battery-like pomodoro timer made with Vue.js. The battery alters its color and becomes empty while discharging.
21.V-Calendar
V-Calendar is a clean and lightweight plugin for displaying simple, attributed calendars in Vue.js. It uses attributes to decorate the calendar with various visual indicators including highlighted date regions, dots, bars, content styles and popovers for simple tooltips and even custom slot content.
Animated calendar/datepicker that displays regions, indicators and day popovers for simple & recurring dates.
22.Vue Rangedate Picker
Date picker with range selection.
Demo: https://bliblidotcom.github.io/vue-rangedate-picker/demo/
23.Vue datetime
Mobile friendly datetime picker for Vue. Supports date, datetime and time modes, i18n and disabling dates.
NOTICE: This README is related to next version (1.x) of vue-datetime.
#vuejs #javascript #vue-js
