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)
  • 版权声明:本文内容由互联网用户自发贡献,本站不拥有所有权,不承担相关法律责任。如果发现本站有涉嫌抄袭的内容, 欢迎发送邮件至 postmaster@zzyzan.com 举报,并提供相关证据,一经查实,本站将立刻删除涉嫌侵权内容。
  • 本作品是由 小乖乖资源共享网 会员 时间的灰烬 的投递作品。
  • 欢迎转载,但请务必注明来源地址:http://www.zzyzan.com/web/jquery/8346.html

- 评论

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