vue日历/日程提醒/html5本地缓存功能-创新互联

先上图

成都创新互联公司致力于互联网网站建设与网站营销,提供成都网站设计、做网站、成都外贸网站建设公司、网站开发、seo优化、网站排名、互联网营销、小程序开发、公众号商城、等建站开发,成都创新互联公司网站建设策划专家,为不同类型的客户提供良好的互联网应用定制解决方案,帮助客户在新的全球化互联网环境中保持优势。

功能:

1、上拉日历折叠,展示周

2、左右滑动切换月

2、“今天”回到今天;“+”添加日程

3、localStorage存储日程

index,html


  
         
             
        +         {{ currentYear }}-{{currentMonth}}         今天       
      
             
            
  •         
  •         
  •         
  •         
  •         
  •         
  •       
             
                     
  • //移动端点击方法,可切换pc端点击方法,见下                      {{ day.getDate() }}                                                {{ day.getDate() }}                          {{ day.getDate() }}                    
  •                  
  • //pc端点击方法,可切换移动端点击方法,见上           {{ day.getDate() }}                                     {{ day.getDate() }}             {{ day.getDate() }}                    
  •         
  •      
  
     
         
                                                
    
      
        
          
X
          
        
        
                                 
    
  
     
    
          
  •         {{item}}       
  •     
    
          
  •         
              
              
    {{date.eventName}}
    {{date.eventTime}}
              
              
    {{date.eventInfo}}
              
              
    {{date.eventRole}}
    ...
              
              
              
                

    修改

                

    ...

                

    ...

                

    ...

                

    ...

              
            
          
  •     
  
     

网页标题:vue日历/日程提醒/html5本地缓存功能-创新互联
网页网址:http://scyanting.com/article/djsesg.html