datetime-input

WebJar for datetime-input

License	MIT
Categories	Github Development Tools Version Controls
GroupId	org.webjars.bower
ArtifactId	github-com-fooloomanzoo-datetime-input
Last Version	3.0.4
Release Date	Feb 25, 2020
Type	jar
Description	datetime-input WebJar for datetime-input
Project URL	https://www.webjars.org
Source Code Management	https://github.com/fooloomanzoo/datetime-input

Download github-com-fooloomanzoo-datetime-input

Filename	Size
github-com-fooloomanzoo-datetime-input-3.0.4.pom
github-com-fooloomanzoo-datetime-input-3.0.4.jar	251 KB
github-com-fooloomanzoo-datetime-input-3.0.4-sources.jar	22 bytes
github-com-fooloomanzoo-datetime-input-3.0.4-javadoc.jar	22 bytes

How to add to project

Apache Maven

<!-- https://jarcasting.com/artifacts/org.webjars.bower/github-com-fooloomanzoo-datetime-input/ -->
<dependency>
    <groupId>org.webjars.bower</groupId>
    <artifactId>github-com-fooloomanzoo-datetime-input</artifactId>
    <version>3.0.4</version>
</dependency>

Gradle Groovy

// https://jarcasting.com/artifacts/org.webjars.bower/github-com-fooloomanzoo-datetime-input/
implementation 'org.webjars.bower:github-com-fooloomanzoo-datetime-input:3.0.4'

Gradle Kotlin

// https://jarcasting.com/artifacts/org.webjars.bower/github-com-fooloomanzoo-datetime-input/
implementation ("org.webjars.bower:github-com-fooloomanzoo-datetime-input:3.0.4")

Apache Buildr

'org.webjars.bower:github-com-fooloomanzoo-datetime-input:jar:3.0.4'

Apache Ivy

<dependency org="org.webjars.bower" name="github-com-fooloomanzoo-datetime-input" rev="3.0.4">
  <artifact name="github-com-fooloomanzoo-datetime-input" type="jar" />
</dependency>

Groovy Grape

@Grapes(
@Grab(group='org.webjars.bower', module='github-com-fooloomanzoo-datetime-input', version='3.0.4')
)

Scala SBT

libraryDependencies += "org.webjars.bower" % "github-com-fooloomanzoo-datetime-input" % "3.0.4"

Leiningen

[org.webjars.bower/github-com-fooloomanzoo-datetime-input "3.0.4"]

Dependencies

There are no dependencies for this project. It is a standalone project that does not depend on any other jars.

Project Modules

There are no modules declared in this project.

API & Demo

<datetime-input>

An input for date and time.

If you are looking for a picker for date and time, please have a look at datetime-picker.

Example

  <input type="checkbox" checked="{{withTimezone::change}}">with timezone<br><br>
  <datetime-input value="{{value}}" default="2022-06-02T11:12:13" datetime="{{datetime}}" date="{{date}}" time="{{time}}" with-timezone="{{withTimezone}}" timezone="{{timezone}}"></datetime-input><br><br>
  <date-input date="{{date}}" timezone="[[timezone]]"></date-input><br><br>
  <time-input time="{{time}}" timezone="[[timezone]]" with-timezone="{{withTimezone}}"></time-input>
  <p>
    <code>datetime:</code>&#32;<b>[[datetime]]</b><br>
    <code>date:</code>&#32;<b>[[date]]</b><br>
    <code>time:</code>&#32;<b>[[time]]</b><br>
    <code>value:</code>&#32;<b>[[value]]</b>
  </p>

Use locale date formats

The properties date, time, datetime are always in iso8061 but the visualization will be localized. By default your locale date format from window.navigator.language will be used, but you can select another locale:

<p>
  locale:
  <select value="{{locale::change}}">
    <option value=""></option>
    <option value="en">english</option>
    <option value="fr">français</option>
    <option value="de">deutsch</option>
    <option value="es">español</option>
    <option value="it">italiano</option>
    <option value="ru">русский</option>
    <option value="ja">日本語</option>
    <option value="zh">中文</option>
  </select>
  <br><br>
  <input type="checkbox" checked="{{hour12::change}}">hour12 format
</p>

<p>
  <datetime-input locale="{{locale}}" datetime="{{datetime}}" hour12-format="[[hour12]]"></datetime-input>
</p>

<p>datetime: [[datetime]]</p>

Styling

Have a look at input-picker-pattern#input-shared-style to see how to style the element.

Installation

npm i @fooloomanzoo/datetime-input

License

MIT

Versions

Version
3.0.4 Feb 25, 2020