https://github.com/femessage/el-number-range

🔢Number range input component
https://github.com/femessage/el-number-range

number-input range-input

Last synced: 3 months ago
JSON representation

🔢Number range input component

• Host: GitHub
• URL: https://github.com/femessage/el-number-range
• Owner: FEMessage
• License: mit
• Created: 2019-01-29T09:03:23.000Z (about 6 years ago)
• Default Branch: dev
• Last Pushed: 2020-11-11T10:26:20.000Z (about 4 years ago)
• Last Synced: 2024-10-30T12:53:04.035Z (3 months ago)
• Topics: number-input, range-input
• Language: JavaScript
• Homepage: https://femessage.github.io/el-number-range/
• Size: 3.1 MB
• Stars: 1
• Watchers: 2
• Forks: 9
• Open Issues: 13
• Metadata Files:
  • Readme: README-zh.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# el-number-range

[![Build Status](https://travis-ci.com/FEMessage/el-number-range.svg?branch=master)](https://travis-ci.com/FEMessage/el-number-range)

[![NPM Download](https://img.shields.io/npm/dm/@femessage/el-number-range.svg)](https://www.npmjs.com/package/@femessage/el-number-range)

[![NPM Version](https://img.shields.io/npm/v/@femessage/el-number-range.svg)](https://www.npmjs.com/package/@femessage/el-number-range)

[![NPM License](https://img.shields.io/npm/l/@femessage/el-number-range.svg)](https://github.com/FEMessage/el-number-range/blob/master/LICENSE)

[![PRs Welcome](https://img.shields.io/badge/PRs-welcome-brightgreen.svg)](https://github.com/FEMessage/el-number-range/pulls)

[![Automated Release Notes by gren](https://img.shields.io/badge/%F0%9F%A4%96-release%20notes-00B2EE.svg)](https://github-tools.github.io/github-release-notes/)

数字范围输入框组件

![introduce](https://i.screenshot.net/8lw5osg)

## Table of Contents 

* [Introduction](#introduction)

* [Feature](#feature)

* [Demo](#demo)

* [Install](#install)

* [Example](#example)

  * [设置最大值](#设置最大值)

  * [设置最小值](#设置最小值)

* [License](#license)

## Introduction

数字范围输入框，适用于需要输入范围的场景，比如价格，积分范围。

[⬆ Back to Top](#table-of-contents)

## Feature

* 自动进行范围纠正

* 可自定义输入框范围 min/max

[⬆ Back to Top](#table-of-contents)

## Demo

* [doc and online demo](https://femessage.github.io/el-number-range/)

[⬆ Back to Top](#table-of-contents)

## Install

```sh

# 确保提前安装了element-ui且注册了el-input-number

yarn add element-ui --save

# Step1 安装

yarn add @femessage/el-number-range

```

```vue

// Step2 在需要的.vue 文件中

  

import ElNumberRange from '@femessage/el-number-range'

export default {

  components: {

    ElNumberRange

  },

  data() {

    return {

      range: [0, 1000]

    }

  }

}

```

[⬆ Back to Top](#table-of-contents)

## Example

### 设置最大值

![max](https://i.screenshot.net/e3yvzt8)

### 设置最小值

![min](https://i.screenshot.net/4n4pmum)

[⬆ Back to Top](#table-of-contents)

## Contributors

Thanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):


linrunzheng
💻 📖
EVILLT
🚇
Donald Shen
🐛 📖
levy
🚇 👀

This project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!

[⬆ Back to Top](#table-of-contents)

## License

[MIT](./LICENSE)

[⬆ Back to Top](#table-of-contents)