基于vuejs+webpack的日期选择插件
基于vuejs+webpack环境使用的日期选择插件，希望大家喜欢。
支持单选和多选日期
支持限定开始和结束日期范围选择。
支持小时分钟
需要引入fontawesome.io 的图标库。
Options
:show 是否显示
:type date|datetime
:value 默认值
:begin 可选开始时间
:end 可选结束时间
:x 显示x坐标
:y 显示y坐标
:range 是否多选
test.vue
<template>
<input type="text" @click="showCalendar" v-model="value" placeholder="请输入日期">
<calendar :show.sync="show" :value.sync="value" :x="x" :y="y" :begin="begin" :end="end" :range="range"></calendar>
</template>
<script>
module.exports = {
data: function() {
return {
show:false,
type:"date", //date datetime
value:"2015-12-11",
begin:"2015-12-20",
end:"2015-12-25",
x:0,
y:0,
range:true,//是否多选
}
},
methods:{
showCalendar:function(e){
e.stopPropagation();
var that=this;
that.show=true;
that.x=e.target.offsetLeft;
that.y=e.target.offsetTop+e.target.offsetHeight+8;
var bindHide=function(e){
e.stopPropagation();
that.show=false;
document.removeEventListener('click',bindHide,false);
};
setTimeout(function(){
document.addEventListener('click',bindHide,false);
},500);
}
},
components:{
calendar: require('./calendar.vue')
}
}
</script>
项目地址： https://github.com/jinzhe/vue-calendar
本文已被整理到了《Vue.js前端组件学习教程》，欢迎大家学习阅读。
以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持小牛知识库。
-
有没有比我做的更好的方法来编码它？因为我需要将date解析为string和than解析为int来比较，而且代码相当长。 }
-
我有一个SQLite数据库，我在其中根据给定日期从所有列获取数据，例如。2018年9月30日。在COL2中，我以相同的格式保存日期。 但是现在COL2不再有2018年9月30日这样的日期格式了。因为我已经决定在第二栏中加入数据输入时间。 所以我把COL2保存为“EEE MMM dd HH:mm:ss Z yyyy”这种格式。但是我愿意将我的“EEE MMM dd HH:mm:ss Z yyyy”格
-
我想在日期时间选择器中选择大于开始日期的结束日期时间。 当前，我正在开始日期时间和结束日期时间。 假设，我选择了时间为12:00 pm的当前日期，现在end date应该是时间为1:00 pm的当前日期。 我想要下面这样的东西 示例 开始日期和时间：---2019-11-06 12:00结束日期和时间：---2019-11-06 1:00 这是我的代码 null null
-
LayDateCellType 功能：可快速选择日期，时间；并且支持默认值设置。 打包下载 活字格Lay日期选择插件下载：https://gcdn.grapecity.com.cn/forum.php?mod=viewthread&tid=48866 活字格官网：https://www.grapecity.com.cn/solutions/huozige 操作步骤 在“版本更新记录”表中，下载对应
-
问题内容： 我正在尝试运行一个mysql select语句，该语句会查看今天的日期，并且仅返回在当天注册的结果。我目前已经尝试了以下方法，但是它似乎不起作用。 谢谢大家，我已经修改了此声明。 问题答案：
-
本文向大家介绍原生js实现日期选择插件，包括了原生js实现日期选择插件的使用技巧和注意事项，需要的朋友参考一下 最近公司项目告一段落，想着写个小玩意打发下上班时间，就用js很粗糙的实现了下日期选择插件。间间断断历时1天多，实现了选择日期的功能，从写完的整体代码来看，耦合度还是蛮高的，我觉得还是我对js中的原型继承方式理解不深刻，一定有更优雅的方式再优化下这份粗糙的代码，各位前端小伙伴们在看完我的代