vuejs实现一个简单的日期组件

philadelphia 发布于2019-08-19 17:33 / 727人阅读

摘要：介绍学习使用了一段时间的。尝试动手写一些简单的组件。项目地址组件解析组件这个小组件是输出日历的一行，点击的时候通知父组件。组件主要的年月一二三四五六日确定关键看模版，这个组件接收一个时间戳，自己生成当前时间，选择时间等。

介绍

学习使用了一段时间的vue。和之前的jQuery相比。编程体验好了很多。尝试动手写一些简单的组件。项目地址

组件解析

calendarLine组件

 var calendarLine = Vue.extend({
        props:["items", "cur", "sel", "month"],
        data(){
            return {}
        },
        template: `
                    
                        {{ item.day }}
                    
                   `,
        methods: {
            click(item){
                this.$dispatch("click", item.data)
            }
        }
    })

这个小组件是输出日历的一行，点击的时候通知父组件。
calendar组件(主要的)

 
                
            
            
                    «‹
                    {{y}}年 {{m}}月
                     ›»
                    
                    
                        
                            一
                            二
                            三
                            四
                            五
                            六
                            日
                        
                    
                    
                        
                    
                    
                    {{sel}}  确定

关键看模版，这个组件接收一个date时间戳，自己生成当前时间，选择时间等。

云服务器 GPU云服务器 vuejs组件 vuejs表格组件 vuejs动态组件 vuejs组件使用

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/yun/78631.html

【收藏】2019年最新Vue相关精品开源项目库汇总

摘要：前言本文的前身是源自上的项目但由于该项目上次更新时间为年月日，很多内容早已过期或是很多近期优秀组件未被收录，所以小肆今天重新更新了内容并新建项目。提交的项目格式如下项目名称子标题相关介绍如果收录的项目有错误，可以通过反馈给小肆。前言本文的前身是源自github上的项目awesome-github-vue,但由于该项目上次更新时间为2017年6月12日，很多内容早已过期或是很多近期优...

williamwen1986 2019-08-23 14:50 评论0 收藏0
前端开源项目周报0314

摘要：由出品的前端开源项目周报第十二期来啦。我们的前端开源周报集合了一周来新收录的优质的前端开源项目，方便前端开发人员便捷的找到自己需要的项目工具等。由OpenDigg 出品的前端开源项目周报第十二期来啦。我们的前端开源周报集合了OpenDigg一周来新收录的优质的前端开源项目，方便前端开发人员便捷的找到自己需要的项目工具等。vue2-elm 重写饿了么webapp showImg(htt...

cppprimer 2019-08-21 11:39 评论0 收藏0
前端开源项目周报0314

摘要：由出品的前端开源项目周报第十二期来啦。我们的前端开源周报集合了一周来新收录的优质的前端开源项目，方便前端开发人员便捷的找到自己需要的项目工具等。由OpenDigg 出品的前端开源项目周报第十二期来啦。我们的前端开源周报集合了OpenDigg一周来新收录的优质的前端开源项目，方便前端开发人员便捷的找到自己需要的项目工具等。vue2-elm 重写饿了么webapp showImg(htt...

betacat 2019-08-29 12:13 评论0 收藏0
前端开源项目周报0314

摘要：由出品的前端开源项目周报第十二期来啦。我们的前端开源周报集合了一周来新收录的优质的前端开源项目，方便前端开发人员便捷的找到自己需要的项目工具等。由OpenDigg 出品的前端开源项目周报第十二期来啦。我们的前端开源周报集合了OpenDigg一周来新收录的优质的前端开源项目，方便前端开发人员便捷的找到自己需要的项目工具等。vue2-elm 重写饿了么webapp showImg(htt...

Kylin_Mountain 2019-08-01 16:30 评论0 收藏0