반응형
반응형

Date.getTime()으로 날짜/시간 비교

Date.getTime()는 UTC 시간을 millisecond로 리턴합니다. UTC는 1970/01/01를 0초로 지금까지 흐른 시간을 표현한 것입니다. millisecond이기 때문에 비교 연산자를 이용하여 크기를 비교할 수 있고, 또한 동등 연산자로 비교할 수도 있습니다.

const date1 = new Date('2022-05-04');
const date2 = new Date('2022-05-05');

console.log('date1: ' + date1.getTime());
console.log('date2: ' + date2.getTime());

console.log(date1.getTime() > date2.getTime());
console.log(date1.getTime() >= date2.getTime());
console.log(date1.getTime() < date2.getTime());
console.log(date1.getTime() <= date2.getTime());
console.log(date1.getTime() == date2.getTime());

 

날짜 복사에 getTime () 사용

동일한 시간 값으로 날짜 객체를 생성합니다.

// 월은 0부터 시작하여 생일은 1995 년 1 월 10 일이됩니다.
var birthday = new Date(1994, 12, 10);
var copy = new Date();
copy.setTime(birthday.getTime());

https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Global_Objects/Date/getTime

 

Date.prototype.getTime() - JavaScript | MDN

getTime() 메서드는 표준시에 따라 지정된 날짜의 시간에 해당하는 숫자 값을 반환합니다.

developer.mozilla.org

 

반응형
저작자표시 비영리

'프로그래밍 > Script' 카테고리의 다른 글

[Chart] billboard.js is a re-usable, easy interface JavaScript chart library, based on D3.js.  (0) 2022.07.26
[javascript] .getTime()과 .getMilisecond()  (0) 2022.07.01
제이쿼리 each() 반복문  (0) 2022.04.06
[javascript] IIFE - 즉시 실행 함수 표현(IIFE, Immediately Invoked Function Expression)  (0) 2022.03.23
[javascript] 전체 화면 Full screen  (0) 2022.03.15
반응형

each()문을 써야하는 이유는 무엇일까 특징을 살펴보자?

1. 일반 for문보다 가독성이 좋다
2. 객체형을 다루기가 쉽다.
3. Array 객체에서 사용가능
4. 빠른편이다.
5. 리턴값을 받지 못한다.

 

for, foreach, each 

var arr= [ 
			{name : '알리송', backnumber : '1'}
          , {name : '반다이크', backnumber : '4'} ];

//for문
for (var i = 0; i <arr.length; i++) {
  console.log('element', i, arr[i]);
  console.log(arr[i].name);
  console.log(arr[i].backnumber);
  console.log(arr[i].name + arr[i].backnumber);
};


foreach문
arr.forEach (function (el, index) {
  console.log('element', index, el);
  console.log(el.name);
  console.log(el.backnumber);
  console.log(el.name + el.backnumber);
});


$.each문
$.Each (arr, function (index, el) {
  console.log('element', index, el);
  console.log(el.name);
  console.log(el.backnumber);
  console.log(el.name + el.backnumber);
});
반응형
저작자표시 비영리

'프로그래밍 > Script' 카테고리의 다른 글

[javascript] .getTime()과 .getMilisecond()  (0) 2022.07.01
[javascript] Date.getTime()으로 날짜/시간 비교  (0) 2022.06.29
[javascript] IIFE - 즉시 실행 함수 표현(IIFE, Immediately Invoked Function Expression)  (0) 2022.03.23
[javascript] 전체 화면 Full screen  (0) 2022.03.15
[javascript] How copy and paste excel columns to HTML table with inputs?  (0) 2022.02.21
반응형

 IIFE - 즉시 실행 함수 표현(IIFE, Immediately Invoked Function Expression)

   : 정의되자마자 즉시 실행되는 Javascript Function 를 말한다.

(function () {
    statements
})();

첫 번째는 괄호((), Grouping Operator)로 둘러싸인 익명함수(Anonymous Function)이다. 이는 전역 스코프에 불필요한 변수를 추가해서 오염시키는 것을 방지할 수 있을 뿐 아니라 IIFE 내부안으로 다른 변수들이 접근하는 것을 막을 수 있는 방법이다.

두 번째 부분은 즉시 실행 함수를 생성하는 괄호()이다. 이를 통해 자바스크립트 엔진은 함수를 즉시 해석해서 실행한다.

 

아래 함수는 즉시 실행되는 함수 표현이다. 표현 내부의 변수는 외부로부터의 접근이 불가능하다.

(function () {
    var aName = "Barry";
})();
// IIFE 내부에서 정의된 변수는 외부 범위에서 접근이 불가능하다.
aName // throws "Uncaught ReferenceError: aName is not defined"

 

IIFE를 변수에 할당하면 IIFE 자체는 저장되지 않고, 함수가 실행된 결과만 저장된다.
var result = (function () {
    var name = "Barry";
    return name;
})();
// 즉시 결과를 생성한다.
result; // "Barry"

 

반응형
저작자표시 비영리

'프로그래밍 > Script' 카테고리의 다른 글

[javascript] Date.getTime()으로 날짜/시간 비교  (0) 2022.06.29
제이쿼리 each() 반복문  (0) 2022.04.06
[javascript] 전체 화면 Full screen  (0) 2022.03.15
[javascript] How copy and paste excel columns to HTML table with inputs?  (0) 2022.02.21
[javascript] 숫자 세자리 콤마 제거하기, ASP 숫자형 리턴  (0) 2022.02.04
반응형

Toggle Fullscreen

하나의 버튼으로 전체화면과 일반화면을 토글시키고 싶다면 아래와 같이 사용합니다.

function toggleFullScreen() {
  if (!document.fullscreenElement) {
    document.documentElement.requestFullscreen()
  } else {
    if (document.exitFullscreen) {
      document.exitFullscreen()
    }
  }
}

https://www.cckn.dev/js-ts/20210519-fullscreen/

반응형
저작자표시 비영리

'프로그래밍 > Script' 카테고리의 다른 글

제이쿼리 each() 반복문  (0) 2022.04.06
[javascript] IIFE - 즉시 실행 함수 표현(IIFE, Immediately Invoked Function Expression)  (0) 2022.03.23
[javascript] How copy and paste excel columns to HTML table with inputs?  (0) 2022.02.21
[javascript] 숫자 세자리 콤마 제거하기, ASP 숫자형 리턴  (0) 2022.02.04
[javascript] ES6 for beginners, ES6 문법 + 활용 패턴 살펴보기  (0) 2022.01.24
반응형

How copy and paste excel columns to HTML table with inputs?

엑셀의 내용 카피해서 웹화면 input에 순서대로 붙여넣기.

 

https://www.codeproject.com/Questions/1212303/How-copy-and-paste-excel-columns-to-HTML-table-wit

 

[Solved] How copy and paste excel columns to HTML table with inputs? - CodeProject

CodeProject, 20 Bay Street, 11th Floor Toronto, Ontario, Canada M5J 2N8 +1 (416) 849-8900

www.codeproject.com

<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <script src="https://code.jquery.com/jquery-3.2.1.min.js" integrity="sha256-hwg4gsxgFZhOsEEamdOYGBf13FyQuiTwlAQgxVSNgt4=" crossorigin="anonymous"></script>

</head>

<body>
    <table id="example" class="display" cellspacing="0" width="100%">
        <thead>
            <tr>
                <th>Name</th>
                <th>Position</th>
                <th>Office</th>
        </thead>
        <tbody>
            <tr>
                <td><input  type="text"></td>
                <td><input type="text"></td>
                <td><input  type="text"></td>
            </tr>
            <tr>
                <td><input type="text"></td>
                <td><input type="text"></td>
                <td><input type="text"></td>
            </tr>
            <tr>
                <td><input type="text"></td>
                <td><input type="text"></td>
                <td><input type="text"></td>
            </tr>
        </tbody>
    </table>

    <script>
        $(document).ready(function () {
            $('td input').bind('paste', null, function (e) {
                $txt = $(this);
                setTimeout(function () {
                    var values = $txt.val().split(/\s+/);
                    var currentRowIndex = $txt.parent().parent().index();
                    var currentColIndex = $txt.parent().index(); 
                    
                    var totalRows = $('#example tbody tr').length;
                    var totalCols = $('#example thead th').length;
                    var count =0;
                    for (var i = currentColIndex; i < totalCols; i++) {
                        if (i != currentColIndex)
                            if (i != currentColIndex)
                                currentRowIndex = 0;
                        for (var j = currentRowIndex; j < totalRows; j++) {                           
                            var value = values[count];
                            var inp = $('#example tbody tr').eq(j).find('td').eq(i).find('input');
                            inp.val(value);
                            count++;
                           
                        }
                    }


                }, 0);
            });
        });
    </script>

</body>
</html>

 

반응형
저작자표시 비영리

'프로그래밍 > Script' 카테고리의 다른 글

[javascript] IIFE - 즉시 실행 함수 표현(IIFE, Immediately Invoked Function Expression)  (0) 2022.03.23
[javascript] 전체 화면 Full screen  (0) 2022.03.15
[javascript] 숫자 세자리 콤마 제거하기, ASP 숫자형 리턴  (0) 2022.02.04
[javascript] ES6 for beginners, ES6 문법 + 활용 패턴 살펴보기  (0) 2022.01.24
[script] 생활코딩 마인드맵 라이브러리 cytoscape 사용법  (0) 2022.01.19
반응형

 

javascript 숫자 세자리 콤마 제거하기 comma

const numberStr = "123,456,789";

// 전체 콤마 제거
const number = numberStr.replace(/,/g, "");
document.write(number);

 

ASP 숫자형 리턴 - 숫자인지 문자인지 알수 없어서 formatnumber를 적용 못할때 해당 function으로 적용해본다. 

 
 Function My_IsNumeric(value)
    My_IsNumeric = False
    If IsNull(value) Then Exit Function
    My_IsNumeric = IsNumeric(CStr(value))
End Function



        if( len(view_val_acc) > 0 and My_IsNumeric(view_val_acc) = True )then 
            view_val_acc = formatNumber(view_val_acc,0)
        end if 
        'response.write "*"& view_val_acc

 

반응형
저작자표시 비영리

'프로그래밍 > Script' 카테고리의 다른 글

[javascript] 전체 화면 Full screen  (0) 2022.03.15
[javascript] How copy and paste excel columns to HTML table with inputs?  (0) 2022.02.21
[javascript] ES6 for beginners, ES6 문법 + 활용 패턴 살펴보기  (0) 2022.01.24
[script] 생활코딩 마인드맵 라이브러리 cytoscape 사용법  (0) 2022.01.19
[javascript] Object.assign()  (0) 2022.01.18

+ Recent posts

티스토리툴바