date-input-polyfill

WebJar for date-input-polyfill

License

License

MIT
GroupId

GroupId

org.webjars.npm
ArtifactId

ArtifactId

date-input-polyfill
Last Version

Last Version

2.14.0
Release Date

Release Date

Type

Type

jar
Description

Description

date-input-polyfill
WebJar for date-input-polyfill
Project URL

Project URL

http://webjars.org
Source Code Management

Source Code Management

https://github.com/jcgertig/date-input-polyfill

Download date-input-polyfill

How to add to project

<!-- https://jarcasting.com/artifacts/org.webjars.npm/date-input-polyfill/ -->
<dependency>
    <groupId>org.webjars.npm</groupId>
    <artifactId>date-input-polyfill</artifactId>
    <version>2.14.0</version>
</dependency>
// https://jarcasting.com/artifacts/org.webjars.npm/date-input-polyfill/
implementation 'org.webjars.npm:date-input-polyfill:2.14.0'
// https://jarcasting.com/artifacts/org.webjars.npm/date-input-polyfill/
implementation ("org.webjars.npm:date-input-polyfill:2.14.0")
'org.webjars.npm:date-input-polyfill:jar:2.14.0'
<dependency org="org.webjars.npm" name="date-input-polyfill" rev="2.14.0">
  <artifact name="date-input-polyfill" type="jar" />
</dependency>
@Grapes(
@Grab(group='org.webjars.npm', module='date-input-polyfill', version='2.14.0')
)
libraryDependencies += "org.webjars.npm" % "date-input-polyfill" % "2.14.0"
[org.webjars.npm/date-input-polyfill "2.14.0"]

Dependencies

compile (1)

Group / Artifact Type Version
org.webjars.npm : babel-runtime jar [6.11.6,7)

Project Modules

There are no modules declared in this project.

date-input-polyfill

Just include this simple script and IE, Firefox, 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 nodep-date-input-polyfill. Continuing as a separate project.

Install

npm install --save date-input-polyfill

Add to your project:

  • Webpack/Browserify: require('date-input-polyfill');

    or alongside Babel: import 'date-input-polyfill';

  • Script Tag: Copy date-input-polyfill.dist.js from node_modules and include it anywhere in your HTML.

  • This package also supports AMD.

Features

  • Easily Stylable: These are the default styles, which you may override with your own.

  • Polyfills valueAsDate and valueAsNumber: Learn more about these properties. They behave as getters and setters.

  • Keyboard Shortcuts: Esc will hide the datepicker. Up/Down will increment/decrement the date by one day.

  • Localization: Specify the datepicker's locale by setting the lang attribute of the input element. The default locale is en.

    <input type="date" lang="en" />

  • Formatting: Specify the display format by setting either the date-format or data-date-format attribute of the input element. The default format is yyyy-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 or, for Cloud9 IDE users: npm run start-c9

Build

Run npm run build

Versions

Version
2.14.0