基于vuejs webpack的日期选择插件

基于vuejs webpack环境使用的日期选择插件，希望大家喜欢。

支持单选和多选日期支持限定开始和结束日期范围选择。支持小时分钟需要引入fontawesome.io的图标库。

选择

:如何是否显示：键入日期| datetime:value值默认值：开始可选开始时间：end可选结束时间：x显示x坐标：y显示y坐标：范围是否多选test.vue

模板输入类型=' text ' @ click=' showCalendar ' v-model=' value '占位符='请输入日期日历：显示。sync=' show ' :值。sync=' value ' : x=' x ' :y=' y ' : begin=' begin ' : end=' end ' : range=' range '/calendar/template script模块。exports={ data : function(){ return { show : false，type: ' date '，//date datetime值3: ' 2015是否多选} }，方法： { show calendar : function(e){ e . stopperpagation()；变量=这个；显示=真；那个。x=e . target。offsetleft那个。y=e .目标。偏移顶部e .目标。偏置灯8；var BindHide=function(e){ e . stopperpagation()；显示=假；文件。removeeventlistener(' click '，bindHide，false)；};setTimeout(函数(){文档。addeventlistener(' click '，bindHide，false)；},500);} }，组件3360 {日历：需要' ./calendar.vue') }}/script项目地址：https://github.com/金哲/vue-calendar

本文已被整理到了《Vue.js前端组件学习教程》 ,欢迎大家学习阅读。

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持我们。