在线时间:8:00-16:00
迪恩网络APP
随时随地掌握行业动态
扫描二维码
关注迪恩网络微信公众号
开源软件名称:range-picker开源软件地址:https://gitee.com/syjefbz/range-picker开源软件介绍:#range-picker a range picker of JQuery plugins ScreenshotExamples
Browser Support
Requirements
Usage###Install ######download ######bower bower install --save range-picker ###Import css <link rel="stylesheet" href="../css/range-picker.css" type="text/css" charset="utf-8" /> ###Import javascript <script src="../bower_components/jquery/dist/jquery.js" type="text/javascript" charset="utf-8"></script><script src="../src/range_picker.js" type="text/javascript" charset="utf-8"></script> ###Call $("#date_picker").rangepicker(); Options####startValue default: require: the left label. eg: "2016/01/03" ####endValue default: require: the right label. eg: "2016/03/12" ####type type: default: require: Choose picker type, could be ######example $("#number_range").rangepicker({ type: "double", startValue: 0, endValue: 100, translateSelectLabel: function(currentPosition, totalPosition) { return parseInt(100 * (currentPosition / totalPosition)); }}); ####translateSelectLabel type: default: require: ######parameter
get the text for cursor ######example $("#number_range").rangepicker({ startValue: 0, endValue: 100, translateSelectLabel: function(currentPosition, totalPosition) { return parseInt(100 * (currentPosition / totalPosition)); }}); Function####getSelectValue get selected range ###updatePosition ######parameter
set the cursor position ######example var rangePicker = $("#number_range").rangepicker({ startValue: 0, endValue: 100, translateSelectLabel: function(currentPosition, totalPosition) { return parseInt(100 * (currentPosition / totalPosition)); }});rangePicker.updatePosition("-50px", "10%");// rangePicker.updatePosition("-50px");// rangePicker.updatePosition("-50px", "50px");// rangePicker.updatePosition("90%", "10%"); BuildFirst, get a copy of the git repo by running: git clone https://git.oschina.net/syjefbz/range-picker.git Enter the directory and install the dependencies: cd range-picker && npm install && bower install Build grunt Test grunt test |
2022-08-15
2022-08-17
2022-09-23
2023-10-27
2022-08-18
请发表评论