1.0.32 • Published 6 years ago
vue-date-time-m v1.0.32
vue-date-time-m
移动端好用的时间日历组件没有找到合适的,遂自己写了个。 UI部分借鉴了 vue-persian-datetime-picker 真的做的很棒,可惜是阿拉伯的日期显示方式
图例
在线demo
安装
npm install vue-date-time-m
使用
- lang.js
import dateTime from 'vue-date-time-m';
Vue.component('data-time', dateTime);
- in component
<template>
<div class="date-time-item">
<div class="date-time-input" @click="show">{{ data }}</div>
<d-date-time ref="dateTime"
type="date"
@confirm="select"></d-date-time>
</div>
</template>
<script>
import DateTime from 'vue-date-time-m'
export default {
data(){
return {
data: ''
}
},
components: {
DateTime
},
methods: {
// 展示日期组件
show () {
this.$refs.dateTime.show()
},
// 日期组件回调
select (val) {
this.data = val
}
}
}
</script>
最近一次更新
1.0.31
- 增加了时间的间隔,详情可见demo
- 可以选择年月日时,而不选择分钟
LICENSE
1.0.32
6 years ago
1.0.31
6 years ago
1.0.30
6 years ago
1.0.29
7 years ago
1.0.28
7 years ago
1.0.27
7 years ago
1.0.26
7 years ago
1.0.24
7 years ago
1.0.23
7 years ago
1.0.22
7 years ago
1.0.21
7 years ago
1.0.20
7 years ago
1.0.19
7 years ago
1.0.18
7 years ago
1.0.16
7 years ago
1.0.15
7 years ago
1.0.14
7 years ago
1.0.13
7 years ago
1.0.12
7 years ago
1.0.11
7 years ago
1.0.10
7 years ago
1.0.9
7 years ago
1.0.8
7 years ago
1.0.7
7 years ago
1.0.6
7 years ago
1.0.5
7 years ago
1.0.4
7 years ago
1.0.3
7 years ago
1.0.2
7 years ago
1.0.1
7 years ago
1.0.0
7 years ago