1.1.0 • Published 10 months ago
puzzles-datetime v1.1.0
Puzzles Datetime
Simple Datetime Picker
Installation
npm install --save puzzles-datetime
Import the package in your main.js file
import PuzzlesDatetime from 'puzzles-datetime'
To install it globally
Vue.use(PuzzlesDatetime)
Or in locally in a component
import 'PuzzlesDatetime' from 'puzzles-datetime'
Then import styles
import 'puzzles-datetime/dist/puzzles-datetime.css'
Examples
<puzzles-datetime v-model="dateValue">
<input v-model="dateValue" placeholder="Select a Date" readonly>
</puzzles-datetime>
Props:
type
- type of the picker (default: "date")- Possible values:
- date
- datetime
- time
- Possible values:
value-format
- format of the datetime value- Defaults:
- date - "yyyy-MM-dd",
- datetime - "yyyy-MM-dd HH:mm",
- time - "HH:mm")
- Defaults:
display-format
- format of the datetime displayed value- Defaults:
- date - "d MMM yyyy",
- datetime - "d MMM yyyy HH:mm",
- time - "HH:mm")
- Defaults:
Example with Display Value
<puzzles-datetime v-model="dateValue" @display="displayDateValue = arguments[0]">
<input v-model="displayDateValue" placeholder="Select a Date" readonly>
</puzzles-datetime>
Add @display="displayDateValue = arguments[0]"
, still value is stored in dateValue
,
but formatted display value is stored in displayDateValue
.
Note
This is the beta version of the puzzles-datetime, there will be more features coming out soon.
Contact
Nermedin Dzekovic, Puzzles IT nermedin@puzzlesit.com
1.1.0
10 months ago
1.0.9
10 months ago
1.0.8
10 months ago
1.0.7
10 months ago
1.0.6
10 months ago
1.0.5
10 months ago
1.0.10
10 months ago
1.0.4
2 years ago
1.0.3
2 years ago
1.0.2
2 years ago
1.0.1
2 years ago
1.0.0
2 years ago
0.1.12
2 years ago
0.1.11
2 years ago
0.1.10
2 years ago
0.1.9
2 years ago
0.1.8
2 years ago
0.1.7
2 years ago
0.1.6
2 years ago
0.1.5
2 years ago
0.1.4
2 years ago
0.1.3
2 years ago
0.1.2
2 years ago
0.1.1
2 years ago
0.1.0
2 years ago