@12core/date-input-polyfill 中文文档教程
@12core/date-input-polyfill
只需包含这个简单的脚本，OS X Safari 将支持 ，无需任何依赖，甚至查询！
支持动态创建输入，因此可用于单页应用程序。
从 date-input-polyfill 分叉。 继续作为一个单独的项目。
更改包括：
- A refreshed rollup based build system.
- No more webpack
- No more sass (postcss unsing standards based CSS)
- Maybe some bug fixes.
- Automated maintenance and a website: https://little-core-labs.github.io/date-input-polyfill
Known issues:
- input[type="date"].value returns the formatted date, rather than the standard
YYYY-MM-DDformat. This is unfortunate and may be addressed at some point. - Automatic attachment isn't that reliable inside of react. This may be improved.
- Date objects are displayed in the local time zone, which causes date drift by a day sometimes. Looking into this issue now.
Install
npm install --save @12core/date-input-polyfill
添加到您的项目：
Webpack/Browserify:
require('@12core/date- input-polyfill');或与 Babel:
import '@12core/date-input-polyfill';Script Tag:从
node_modules复制@12core/date-input-polyfill/dist/date-input-polyfill.umd.js和 将它包含在您的 HTML 中的任何位置。此包还支持 ESM：
date-input-polyfill.esm.js。
Features
易于设置样式 这些是默认样式< /a>, 你可以用你自己的覆盖。
Polyfills
valueAsDate和valueAsNumber： 了解有关这些属性的更多信息。 它们表现为 getter 和 setter。键盘快捷键：
Esc将隐藏日期选择器。Up/Down将 将日期增加/减少一天。本地化：通过设置
input元素的lang属性。 默认语言环境是en。格式设置： 通过设置
input元素的date-format或data-date-format属性。 默认格式为yyyy-mm-dd。 可用选项列表。
Contributing
Local Development
运行 npm start。
Build
运行 npm run build
@12core/date-input-polyfill
Just include this simple script and OS X Safari will support <input type="date">, without any dependencies, not even jQuery!
Support dynamically created inputs, so can be used in single page applications.
Forked from date-input-polyfill. Continuing as a separate project.
Changes include:
- A refreshed rollup based build system.
- No more webpack
- No more sass (postcss unsing standards based CSS)
- Maybe some bug fixes.
- Automated maintenance and a website: https://little-core-labs.github.io/date-input-polyfill
Known issues:
- input[type="date"].value returns the formatted date, rather than the standard
YYYY-MM-DDformat. This is unfortunate and may be addressed at some point. - Automatic attachment isn't that reliable inside of react. This may be improved.
- Date objects are displayed in the local time zone, which causes date drift by a day sometimes. Looking into this issue now.
Install
npm install --save @12core/date-input-polyfill
Add to your project:
Webpack/Browserify:
require('@12core/date-input-polyfill');or alongside Babel:
import '@12core/date-input-polyfill';Script Tag: Copy
@12core/date-input-polyfill/dist/date-input-polyfill.umd.jsfromnode_modulesand include it anywhere in your HTML.This package also supports ESM:
date-input-polyfill.esm.js.
Features
Easily Stylable: These are the default styles, which you may override with your own.
Polyfills
valueAsDateandvalueAsNumber: Learn more about these properties. They behave as getters and setters.Keyboard Shortcuts:
Escwill hide the datepicker.Up/Downwill increment/decrement the date by one day.Localization: Specify the datepicker's locale by setting the
langattribute of theinputelement. The default locale isen.<input type="date" lang="en" />Formatting: Specify the display format by setting either the
date-formatordata-date-formatattribute of theinputelement. The default format isyyyy-mm-dd. Available options list.<input type="date" date-format="mm/dd/yyyy" /><input type="date" data-date-format="mm/dd/yyyy" />
Contributing
Local Development
Run npm start.
Build
Run npm run build
