vuejs實現一個簡單的日期組件

philadelphia 發布于2019-08-19 17:33 / 796人閱讀

摘要：介紹學習使用了一段時間的。嘗試動手寫一些簡單的組件。項目地址組件解析組件這個小組件是輸出日歷的一行，點擊的時候通知父組件。組件主要的年月一二三四五六日確定關鍵看模版，這個組件接收一個時間戳，自己生成當前時間，選擇時間等。

介紹

學習使用了一段時間的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組件使用

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/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