jQuery元素选择器插件-multiPicker

jQuery元素选择器插件-multiPicker

multiPicker是一个小型的jQuery插件,可以单选或者多选元素,非常漂亮。

使用方法

1.创建基本的日期范围选择器HTML代码
<link rel="stylesheet" href="multipicker.css"></script>
<script src="//code.jquery.com/jquery-latest.min.js"></script>
<script src="multipicker.js"></script>
2.创建基本的日期范围选择器HTML代码
<ul id="checklist" class="checklist">
  <li data-value="Sunday">Su</li>
  <li data-value="Monday">Mo</li>
  <li data-value="Tuesday">Tu</li>
  <li data-value="Wednesday">We</li>
  <li data-value="Thursday">Th</li>
  <li data-value="Friday">Fr</li>
  <li data-value="Saturday">Sa</li>
</ul>
<input type="hidden" name="multi-picker" value="">
3.初始化选择器插件
$("#checklist").multiPicker({

  // input name
  inputName: "multi-picker",// default 

  // text, index, or html attribute, default index
  valueSource: "text",        

  // array or single value
  prePopulate: ["Tu"],  

  // is a single picker?
  isSingle: false,  

  // callbacks   
  onInit: function() {
    // do something
  },

  onSelect: function(item, value) {
    // do something
  },

  onUnselect: function(item, value) {
    // do something
  }
  
});
打赏
下载 在线预览 积分 (-2) 吐槽 (0)
×
加载中,请稍候…

您需要 登录 后才能发表评论。

avatar

- 评论

  • 加载中,请稍候…
我要吐槽