阿西河

所有教程

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

我的收藏

    最近访问  (文章)

      教程列表

      抓包专区
      测试专区

      插件 jQuery.Bic Calendar 中文 API 文档

      插件 jQuery.Bic Calendar 中文 API 文档 https://github.com/bichotll/bic_calendar

      一个简单的 twitter 引导日历 / 议程 / 日期选择器来标记事件

      依赖

      • ~jQuery 1.7.2
      • ~Twitter Bootstrap 3.0

      选项

      • events(事件对象数组)
      • 日期(字符串或日期)
        • 默认值:当前日期*要显示的日期,作为 dd / MM / YYYY 格式的字符串,或作为 Date 对象
      • startWeekDay(int)
        • 默认值:0 * 1 表示英文格式。记住 dayNames。
      • dayNames(数组)
        • 默认值:[ “l”, “m”, “x”, “j”, “v”, “s”, “d”] *您是否更改了 startWeekDay?然后改变这几天的顺序。
      • monthNames(数组)
        • 默认:[“Enero”, “Febrero”, “Marzo”, “Abril”, “Mayo”, “Junio”, “Julio”, “Agosto”, “Septiembre”, “Octubre”, “Noviembre”, “Diciembre”]
      • showDays(布尔值)
        • 默认值:true
      • reqAjax(事件数组的 json 数组)
        • reqAjax.type(string){‘get’,‘post’}
        • reqAjax.url(string)
      • enableSelect(boolean)
        • 默认值:false
      • multiSelect(布尔值)
        • 默认值:false
      • displayMonthController(boolean)
        • 默认值:true
      • displayYearController(boolean)
        • 默认值:true
      • popoverOptions(popover Twitter Bootstrap 对象)
      • tooltipOptions(工具提示 Twitter Bootstrap 对象)

      事件对象

      • date(string):
        • “17/8/1989”
      • title (string)
        • “Event Barberà”
      • link (string)
      • color(string)
        • “#333”
      • class (string)
        • “activo congreso”
      • content (string)
        • “Text for the content of popover…description of event…image…”

      如果没有定义内容,它将是一个工具提示

      bicCalendarSelect 事件

      响应

      • detail.dateFirst
        • 1989 年 12 月 26 日
      • detail.dateLast
        • 1992 年 12 月 12 日

      示例代码事件

      document.addEventListener('bicCalendarSelect', function(e) {
          moment.lang('es'); // default the language to English
          var dateFirst = new moment(e.detail.dateFirst);
          var dateLast = new moment(e.detail.dateLast);
      
          $('#from-day').val(dateFirst.format('LL'));
          $('#to-day').val(dateLast.format('LL'));
      
      });
      
      目录
      目录