월별 글 목록: 2017년 5월월

NPM에서 Bootstrap Datepicker 사용하기

제가 가장 많이 사용하는 Datepicker는 Bootstrap 3 Datepicker v4 입니다.

Installing 메뉴에 보면 bower, Nuget, Rails, Angular Wrapper, Meteor.js 등을 이용한 설치와 사용에 대한 방법들이 나와있는데… NPM이 없어요.
그래서 검색을 해보니 등록은 되어 있습니다. https://www.npmjs.com/package/eonasdan-bootstrap-datetimepicker

그래서 간단한 설치와 세팅에 대한 기록을 남겨둡니다.

npm i --save-dev eonasdan-bootstrap-datetimepicker

설치를 하고요,

@import "node_modules/eonasdan-bootstrap-datetimepicker/src/sass/bootstrap-datetimepicker-build";

Sass-Loader를 사용한다면 이렇게,
아니라면 node_modules/eonasdan-bootstrap-datetimepicker 안에 빌드된 CSS를 직접 가져다 씁니다.

import 'eonasdan-bootstrap-datetimepicker';
// 혹은
require( 'eonasdan-bootstrap-datetimepicker' );

스크립트에서는 이렇게 로드를 해주고

$( '#datepicker' ).datepicker();

적절한 시점에 사용해주면 끝.