[ jquery ] 소숫점 콤마 동시사용 플러그인 > html

본문 바로가기
사이트 내 전체검색

html

[ jquery ] 소숫점 콤마 동시사용 플러그인

페이지 정보

작성자 웹지기 댓글 0건 조회 3,025회 작성일 18-09-07 17:41

본문

jQuery Number Plugin

By Sam Sehnert, Custom D 2015

This is a jQuery plugin which allows developers to easily format numbers for display use. Allows users to replace numbers inline in a document, or return a formatted number for other uses.


Requires jQuery 1.6 or greater.


Documentation

See our jQuery Number Format article for more information.


Basic number formatting

The number method takes up to four parameters, but only the first one is required.


Number: The number you want to format.


$.number( 5020.2364 ); // Outputs 5,020

Decimal Places: The number of decimal places you wish to see. Defaults to 0.


$.number( 5020.2364, 2 ); // Outputs: 5,020.24

Decimal Separator: The character(s) to use as a decimal separator. Defaults to '.'.


$.number( 135.8729, 3, ',' ); // Outputs: 135,873

Thousands Separator: The character(s) to use as a thousands separator. Defaults to ','.


$.number( 5020.2364, 1, ',', ' ' ); // Outputs: 5 020,2

Number formatting as-you-type

When targeting a collection of input elements, you can have the number format plugin automatically format the users input based on your format settings.


$('input.number').number( true, 2 );

Passing true to the number parameter, indicates that you want the value of the field or element to be effected, instead of placing the passed number into the field or element. All other parameters are as decribed above.


When the user types, their input will automatically be converted in the correct format. This also attaches .val() hooks which allow you to continue using .val() to set your input elements, and you don't need to worry about handling the formatting.


Automatic paste formatting is also supported.


Writing numbers into an element

$('.selector').number( 1234, 2 ); // Changes the text value of the element matching selector to the formatted number.

Formatting numbers within a collection of elements

Assuming we have the following structure:


<p>

  <span class="number">1025.8702</span>

  <span class="number">18023</span>

  <span class="number">982.3</span>

  <span class="number">.346323</span>

</p>

We can use this JavaScript:


// the 'true' signals we should read and replace the text contents of the target element.

$('span.number').number( true, 2 )

And come away with this result:


<p>

  <span class="number">1,025.87</span>

  <span class="number">18,023.00</span>

  <span class="number">982.30</span>

  <span class="number">0.35</span>

</p>


LICENSE.txt


추천0 비추천0

댓글목록

등록된 댓글이 없습니다.

Total 66건 1 페이지
  • 66 [ javascript ] 변수 명명 규칙, 표기법
  • 캐멀 표기법(로어 캐멀 표기법) newName createLifeGame 파스칼 표기법(어퍼 캐멀 표기법) NewName CreateLifeGame 밑줄 표기법(스네이크 표기법) new_name create_life_game 변수 이름을 지을 때 일반적으로 사용하는 표기법 - 캐멀 표기법, 밑줄표기법으로 변수의 의미를 파악할 수 있게 명명 - 기본적으로 영어로 사용 - 루프 카운터 변수는 i, j, k 등을 사용 -...
  • 웹지기 06-04 227 0 0 댓글 0
  • 64 [ javascript ] The Console Object 콘솔 객체 console.log console.…
  • console 객체는 브라우저의 디버깅 콘솔에 접근할 수 있는 메서드를 제공한다. 동작 방식은 브라우저마다 다르지만, 사실상 표준으로 여겨지는 기능도 여러있다. console 객체는 아무 전역 객체에서나 접근가능하다. console.assert() 첫 번째 매개변수가false인 경우 메시지와스택 추적을 출력합니다. console.clear() 콘솔의 내용을...
  • 웹지기 04-11 356 0 0 댓글 0
  • 62 [ html ] 특수문자 코드표
  • 표현문자 숫자표현 문자표현 설명 - &amp;#00; - &amp;#08; - 사용하지 않음 space &amp;#09; - 수평탭 ...
  • 웹지기 07-31 1221 0 0 댓글 0
  • 열람중 [ jquery ] 소숫점 콤마 동시사용 플러그인
  • jQuery Number Plugin By Sam Sehnert, Custom D 2015 This is a jQuery plugin which allows developers to easily format numbers for display use. Allows users to replace numbers inline in a document, or return a formatted number for other uses. Requires jQuery 1.6 or greater. ...
  • 웹지기 09-07 3026 0 0 댓글 0
  • 59 제목이나 내용이 거꾸러 보이게 하기 위한 태그(?) 인가(?)
  • 아파치님이 그누보드에 올려놓은걸 메모하려고 적습니다. [code] &amp;#8238; 제목이나 내용부분에 이렇게 하고 적으면 글이 거꾸로 보인다고 하네요. ㅎㅎㅎ 보여주기위해 코드에 적습니다. [/code] 제 게시판에는 적용이 안되는군요 ㅋㅋㅋ
  • 웹지기 11-27 1147 0 0 댓글 0
  • 56 [ css ] keyframe - css 애니메이션 기능 적용해보기
  • keyframe - css 애니메이션 기능 적용해보기 html &lt;p&gt;동해물과 백두산이 마르고 닳도록 하나님이 보우하사 우리나라 만세&lt;/p&gt; css p { animation-duration: 3s; animation-name: slidein; } @keyframes slidein { from { margin-left: 100%; width: 300% } to { margin-lef...
  • 웹지기 11-23 1688 0 0 댓글 0
  • 52 [ css ] textFit 간편한 텍스트 피팅(입히기)
  • 한 줄 및 여러줄의 텍스트를 해당 컨테이너의 너비 및 높이에 빠르게 맞추는 종속성없는 텍스트 크기 조정 요소 ●기능 = textFit : - 빠른 속도로 바이너리 검색을 사용하여 텍스트를 컨테이너에 신속하게 맞춰 log n대부분의 솔루션보다 훨씬 빠릅니다. - 가장 적합 &lt;1ms합니다. 구현 세부 정보를 참조 하십시오 . - 종속성이 없습니다. - 작은. 4.1KB축소 및 1.5KBgzipped. - 최대의 정확성을 위해 Flexbox로 수평 ...
  • 웹지기 10-23 1602 0 0 댓글 0
게시물 검색

회원로그인

접속자집계

오늘
1,334
어제
5,659
최대
24,117
전체
837,353

그누보드5
Copyright © funyphp.com. All rights reserved.