vue-component-calendar
Example using vue-loader with Webpack.
相关操作
# demo
双击打开`example/browser.html`
# serve with hot reload at localhost:8080 => 开发
npm run dev
# build for production with minification => 打包编译
npm run build
# prepub
gulp prepub
# publish
gulp publish
For detailed explanation on how things work, read the docs for vue-laoder.
rem说明:
1rem = 100px(iPhone5)
1rem = 117.18px(iPhone6)
使用方式
<body>
<div class="content">
<button @click.prevent="showCalendar=true">唤醒日历</button>
<calendar
:show-calendar.sync="showCalendar"
max-date="4m"
start-date="2016-01-23"
end-date="2016-01-25"
:is-double-check.sync=true
:is-vication.sync=true></calendar>
</div>
<script type="text/javascript">
var ef = new Vue({
el: '.content',
data: {
showCalendar: false,
result: null
},
components: {
"calendar": vueComCalendar
},
events: {
'vue-calendar-confirm': function(result) {
//do whatever you want.
console.log(result)
},
'vue-calendar-cancle': function(result) {
//do nothing
}
}
});
</script>
</body>
API
展示相关
操作相关
##相关截图