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://bzwzjz.com/article/djsesg.html

其他资讯

Copyright © 2007-2020 广东宝晨空调科技有限公司 All Rights Reserved 粤ICP备2022107769号
友情链接: H5网站制作 成都网站设计 成都网站建设 古蔺网站建设 成都响应式网站建设 网站建设方案 app网站建设 专业网站设计 攀枝花网站设计 成都网站制作公司 移动网站建设 响应式网站设计 网站建设方案 重庆网站制作 高端网站建设 成都网站制作 网站建设公司 泸州网站建设 梓潼网站设计 企业网站设计 网站制作 手机网站制作