diff --git a/.eslintrc.js b/.eslintrc.js index cc720d6..635379b 100644 --- a/.eslintrc.js +++ b/.eslintrc.js @@ -6,7 +6,6 @@ module.exports = { "env": { "browser": true, "jasmine": true, - "jquery": true, "commonjs": true }, "globals": { diff --git a/README.md b/README.md index 7b9d012..cd4a3d2 100644 --- a/README.md +++ b/README.md @@ -213,6 +213,7 @@ For more information on PR's step, please see links of Contributing section. * [Getting Started](https://github.com/nhn/tui.date-picker/blob/production/docs/getting-started.md) * [Tutorials](https://github.com/nhn/tui.date-picker/tree/production/docs) * [APIs](https://nhn.github.io/tui.date-picker/latest) +* [v4.0.0 Migration Guide](https://github.com/nhn/tui.date-picker/blob/master/docs/getting-started.md#v400-migration-guide) You can also see the older versions of API page on the [releases page](https://github.com/nhn/tui.date-picker/releases). @@ -226,8 +227,8 @@ You can also see the older versions of API page on the [releases page](https://g ## 🔩 Dependency * [tui-code-snippet](https://github.com/nhn/tui.code-snippet) >=1.5.0 -* [tui-time-picker](https://github.com/nhn/tui.time-picker) >=1.3.0 -* [jquery](https://jquery.com/) >=1.11.0 +* [tui-dom](https://github.com/nhn/tui.dom) >=3.0.0 +* [tui-time-picker](https://github.com/nhn/tui.time-picker) >=2.0.0 ## 📜 License diff --git a/bower.json b/bower.json index 31e8599..3af033c 100644 --- a/bower.json +++ b/bower.json @@ -23,8 +23,8 @@ "package-lock.json" ], "dependencies": { - "jquery": "^1.11.0", "tui-code-snippet": "^1.5.0", - "tui-time-picker": "^1.3.0" + "tui-dom": "^3.0.0", + "tui-time-picker": "^2.0.0" } } diff --git a/docs/README.md b/docs/README.md index 5161ac4..0ab0c11 100644 --- a/docs/README.md +++ b/docs/README.md @@ -1,11 +1,10 @@ ## Tutorials - [Getting Started](getting-started.md) -- [v3.0.0 Migration Guide](v3.0.0-migration-guide.md) ## Documents -- [Code of Conducting](../CODE_OF_CONDUCTING.md) +- [Code of Conducting](../CODE_OF_CONDUCT.md) - [Contributing Guide](../CONTRIBUTING.md) - [Commit Message Convention](COMMIT_MESSAGE_CONVENTION.md) - [API & Examples](https://nhn.github.io/tui.date-picker/latest) diff --git a/docs/getting-started.md b/docs/getting-started.md index 0409472..f2e2cd1 100644 --- a/docs/getting-started.md +++ b/docs/getting-started.md @@ -1,6 +1,34 @@ +## v4.0.0 Migration Guide +In v4.0.0, jQuery is removed. It might cause other components to fail if they pass a jQuery object as a container. + +Previously, you can use a `jQuery` to create an instance. +```javascript +// v3 +var instance = new tui.DatePicker($('#datepicker-wrapper'), { + // options +}); +``` + +Now, you have to use `selector` or `HTMLElement` as a container. +```javascript +// v4 +var instance = new tui.DatePicker('#datepicker-wrapper', { + // options +}); + +// or + +var container = document.getElementById('datepicker-wrapper'); +var instance = new tui.DatePicker(container, { + // options +}); +``` + ## Load dependency files -* Script - [jQuery](https://github.com/jquery/jquery) 1.11.0 or later -* Script - [tui-code-snippet](https://github.com/nhn/tui.code-snippet) 1.2.5 or later +* Script - [tui-code-snippet](https://github.com/nhn/tui.code-snippet) 1.5.0 or later +* Script - [tui-dom](https://github.com/nhn/tui.dom) 3.0.0 or later + > If your project should support IE8, please use `tui-dom.js`, not `tui-dom.min.js`. +* Script - [tui-time-picker](https://github.com/nhn/tui.time-picker) 2.0.0 or later ```html @@ -10,8 +38,8 @@
.... - + .... @@ -37,7 +65,7 @@ var instance = new tui.DatePicker('#datepicker-wrapper', { ### Datepicker * language (default 'en') * There are two supporting types by default - 'en' and 'ko'. - * For custom texts - See the [Datepicker.localeTexts](https://nhn.github.io/tui.date-picker/latest/DatePicker.html#.localeTexts) + * For custom texts - See the [Datepicker.localeTexts](https://nhn.github.io/tui.date-picker/latest/DatePicker#localeTexts) * If set both calendar-language and datepicker-language, will apply datepicker-language first. * showAlways (default false) * If true, the datepicker will not close until you call "close()". @@ -51,7 +79,7 @@ var instance = new tui.DatePicker('#datepicker-wrapper', { * See the [Date-Time text format](#date-time-text-format) * type (default 'date') * Type of picker - 'date', 'month', year' - * See [examples](https://nhn.github.io/tui.date-picker/latest/tutorial-example05-picking-month.html) in API page + * See [examples](https://nhn.github.io/tui.date-picker/latest/tutorial-example05-picking-month) in API page * selectableRanges * Set selectable dates of datepicker * 2d-Array: `[[startDate1, endDate1], [startDate2, endDate2], ...]` @@ -66,7 +94,7 @@ var instance = new tui.DatePicker('#datepicker-wrapper', { ### Calendar * language (default 'en') * There are two supporting types by default - 'en' and 'ko'. - * For custom texts - See the [Calendar.localeTexts](https://nhn.github.io/tui.date-picker/latest/Calendar.html#.localeTexts) + * For custom texts - See the [Calendar.localeTexts](https://nhn.github.io/tui.date-picker/latest/Calendar#localeTexts) * showToday (default true) * If true, calendar shows today * showJumpButtons diff --git a/examples/example01-basic.html b/examples/example01-basic.html index e6b7b5d..105cfa7 100644 --- a/examples/example01-basic.html +++ b/examples/example01-basic.html @@ -15,8 +15,8 @@ - + + + - + + + + + + +