阿西河

所有教程

公众号
🌙
阿西河前端的公众号

我的收藏

    最近访问  (文章)

      教程列表

      抓包专区
      测试专区

      插件 jQuery.Continuous Calendar 中文API文档

      插件 jQuery.Continuous Calendar 中文API文档 https://github.com/reaktor/jquery-continuous-calendar

      日期选择器和范围选择器具有可滚动的月份而不是分页(唯一正确的方法)

      特征

      • 日期拖动
      • 没有分页,连续一个月的流量
      • 通过拖动移动范围
      • 使用Shift +鼠标单击扩展范围
      • 显示当前日期
      • 允许禁用日期
      • 月份选择
      • 周选择
      • 弹出窗口支持(当天卡尔达图标)
      • 支持不同的日期格式
      • 支持指定假期或禁用日期
      • 支持设置最小范围
      • AMD支持

      支持的语言

      • 英语
      • 爱沙尼亚语
      • 芬兰
      • 拉脱维亚
      • 俄语
      • 瑞典
      • 德语
      • 法国
      • 中文

      插入头部

      <!-- basic default calendar styles -->
      <link rel="stylesheet" href="http://continuouscalendar.github.io/jquery-continuous-calendar/build/jquery.continuousCalendar-latest-min.css" type="text/css" />
      
      <!-- custom user specified calendar styles -->
      <style type="text/css">
          .calendarScrollContent {height: 250px;}
      </style>
      
      <!-- required JavaScript files -->
      <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js"></script>
      <script type="text/javascript" src="http://continuouscalendar.github.io/jquery-continuous-calendar/build/jquery.continuousCalendar-latest-min.js"></script>
      

      插入Body

      <!-- range selection is attached to fields with class startDate and endDate -->
      <div id="dateRange1">
        <input type="hidden" class="startDate" name="range_start">
        <input type="hidden" class="endDate" name="range_end">
      </div>
      <script type="text/javascript" language="JavaScript">
        $("#dateRange1").continuousCalendar();
      </script>
      
      目录
      目录