mcguu_picker

功能描述

多种时间选择器和颜色选择弃

依赖的模块

快速使用

本模块集成了多种选择器,比如时间选择器,颜色选择器,区间选择器等。 时间画选择器的执行方法:

  1. $('#single-input').clockpicker({
  2. placement: 'bottom',
  3. align: 'left',
  4. autoclose: true,
  5. 'default': 'now'
  6. });

颜色选择器

  1. $(".colorpicker").asColorPicker();
  2. $(".complex-colorpicker").asColorPicker({
  3. mode: 'complex'
  4. });

mode 分为

  • complex
  • gradient

日期选择器

  1. autoclose: true,
  2. todayHighlight: true
  3. });

可选参数: ```toggleActive: true todayHighlight: true

  1. **日期x区间选择器**

$(‘.input-daterange-timepicker’).daterangepicker({ timePicker: true, format: ‘MM/DD/YYYY h:mm A’,//日期格式 timePickerIncrement: 30,//时间点击一次增加多少 timePicker12Hour: true,//12小时q制 timePickerSeconds: false,//日期时间显示秒 buttonClasses: [‘btn’, ‘btn-sm’],//按钮的颜色和css样式 applyClass: ‘btn-danger’,//确定按钮的颜色,如果使用的话 cancelClass: ‘btn-inverse’//取消按钮的颜色,如果使用的话 }); ``` 如果有未使用的参数,去掉即可。

特别说明

  1. 联系信息:QQ-549341762