1.5.0 • Published 1 year ago
vue-tk-date-time v1.5.0
vue-tk-date-time
移动端好用的时间日历组件没有找到合适的,遂自己写了个。 UI部分借鉴了 vue-persian-datetime-picker 真的做的很棒,可惜是阿拉伯的日期显示方式
图例
在线demo
更新
1.0.27
- 增加了时间的间隔,详情可见demo
- 可以选择年月日时,而不选择分钟
npm
npm install vue-tk-date-time
use
- main.js
import dateTime from 'vue-tk-date-time';
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-tk-date-time'
export default {
data(){
return {
data: ''
}
},
components: {
DateTime
},
methods: {
// 展示日期组件
show () {
this.$refs.dateTime.show()
},
// 日期组件回调
select (val) {
this.data = val
}
}
}
</script>
1.5.0
1 year ago
1.4.6
2 years ago
1.4.5
2 years ago
1.4.4
2 years ago
1.4.9
2 years ago
1.4.8
2 years ago
1.4.7
2 years ago
1.4.3
2 years ago
1.4.2
2 years ago
1.4.1
2 years ago
1.4.0
2 years ago
1.3.9
2 years ago
1.3.8
3 years ago
1.3.7
3 years ago
1.3.6
3 years ago
1.3.5
3 years ago
1.3.4
3 years ago
1.3.3
3 years ago
1.3.2
3 years ago
1.3.1
4 years ago
1.3.0
4 years ago
1.2.9
4 years ago
1.2.8
4 years ago
1.2.7
4 years ago
1.2.6
4 years ago
1.2.5
5 years ago
1.2.4
5 years ago
1.2.3
5 years ago
1.2.2
5 years ago
1.2.1
5 years ago
1.2.0
5 years ago
1.1.9
5 years ago
1.1.8
5 years ago
1.1.7
5 years ago
1.1.6
5 years ago
1.1.5
5 years ago
1.1.4
5 years ago
1.1.3
5 years ago
1.1.2
5 years ago
1.1.1
5 years ago
1.1.0
5 years ago
1.0.9
5 years ago
1.0.8
5 years ago
1.0.7
5 years ago
1.0.6
5 years ago
1.0.5
5 years ago
1.0.4
5 years ago
1.0.3
5 years ago
1.0.2
5 years ago
1.0.1
5 years ago