0%

Vue Pikaday

Pikaday 是一个干净小巧不依赖其他库(如 jQuery 等)的日期选择库(只能选日期不能选时间),如果只需要一个简单的日期选择功能,又不想要加载 jQuery 甚至 Bootstrap 这样的大部头可以考虑选择。 最近在使用 Vuejs 做项目,就把这个日期选择库包装了一下,是他可以作为一个组件在项目中使用,组件源代码如下: 使用这个组件以前需要做一点微小的工作,首先安装 pikaday:

1
npm i --save pikaday

然后将所需的 css 文件引入(scsscss); 接着在项目中使用组件:

1
2
3
4
5
6
7
8
9
10
11
import VuePicker from '/path/to/vuePicker.vue';
export default {
data(){
return {
date: ''
}
},
components: {
VuePicker
}
}

have fun!

欢迎关注我的其它发布渠道