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

介绍

学习使用了一段时间的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时间戳，自己生成当前时间，选择时间等。