vue-datepicker-localVue2 的日期選擇組件
Vue2一個漂亮的日期選擇組件：
-
僅依賴于Vue
-
輕量級（小于4kb的壓縮包）
-
美觀
使用
安裝
$ npm install vue-datepicker-local
ES6
<template>
<vue-datepicker-local v-model="time" />
</template>
<script>
import VueDatepickerLocal from 'vue-datepicker-local'
export default {
components: {
VueDatepickerLocal
},
data () {
return {
time: new Date()
}
}
}
</script>
瀏覽器全局
dist文件夾包含了 vue -datepicker- local.js 和 vue-datepicker-local.css。
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="path/to/vue-datepicker-local.css">
</head>
<body>
<div id="app">
<vue-datepicker-local v-model="time"></vue-datepicker-local>
</div>
<script src="path/to/vue.js"></script>
<script src="path/to/vue-datepicker-local.js"></script>
<script>
new Vue({
el: "#app",
data: {
time: new Date()
}
})
</script>
</body>
</html>
評論
圖片
表情