Cheap and reliable Node.js hosting starts at $3/month, and $1/month static HTML hosting

A Flutter and Dart package for using Jalali (Shamsi, Solar, Persian or Jalaali) calendar. You can convert, format and manipulate Jalali and Gregorian (Miladi) date and times.

Stars: ✭ 59 (-57.55%)

Mutual labels: time, datetime, date, calendar

nepali-datetime

Python's core datetime inspired nepali datetime (BS date & NPT) package 🇳🇵

Stars: ✭ 36 (-74.1%)

Mutual labels: time, datetime, date, calendar

Angular Moment Picker

Angular Moment Picker is an AngularJS directive for date and time picker using Moment.js.

Stars: ✭ 536 (+285.61%)

Mutual labels: time, date, datetime, calendar

Laydate

layDate（日期与时间组件）是 layui 独立维护的三大组件之一

Stars: ✭ 1,066 (+666.91%)

Mutual labels: time, date, datetime, calendar

Luatz

Time, Date and Timezone library for lua

Stars: ✭ 92 (-33.81%)

Mutual labels: time, date, datetime

Dateparse

GoLang Parse many date strings without knowing format in advance.

Stars: ✭ 1,365 (+882.01%)

Mutual labels: time, date, datetime

Moment.php

Parse, validate, manipulate, and display dates in PHP w/ i18n support. Inspired by moment.js

Stars: ✭ 900 (+547.48%)

Mutual labels: time, date, calendar

Tinydate

A tiny (349B) reusable date formatter. Extremely fast!

Stars: ✭ 990 (+612.23%)

Mutual labels: time, date, datetime

Dayjs

⏰ Day.js 2kB immutable date-time library alternative to Moment.js with the same modern API

Stars: ✭ 37,373 (+26787.05%)

Mutual labels: time, date, datetime

Time Stamp

Get a formatted timestamp. Used in gulp, assemble, generate, and many others.

Stars: ✭ 104 (-25.18%)

Mutual labels: time, date, datetime

Pickadate.js

The mobile-friendly, responsive, and lightweight jQuery date & time input picker.

Stars: ✭ 7,753 (+5477.7%)

Mutual labels: time, date, calendar

Vue Ctk Date Time Picker

VueJS component to select dates & time, including a range mode

Stars: ✭ 707 (+408.63%)

Mutual labels: time, date, calendar

Period

Complex period comparisons

Stars: ✭ 1,001 (+620.14%)

Mutual labels: time, date, calendar

View All Similar Projects ➔

tail.DateTime

The perfect Date/Time Picker for your perfect Website / Web-Application!

The tail.DateTime script is an extensive and fully-featured Date/Time Picker, written in vanilla JavaScfript and without any dependency. It is compatible with all major browsers, starting with IE 10 and above, and is optimized for a direct use in the browser, as AMD (using requireJS) or as browserify module.

Wanna see tail.DateTime in action?

Wanna translate tail.DateTime in your language?

Support

You really like my tail.DateTime script and want to support me and all of my projects?
Then I would be extremely grateful for a coffee! (Thanks to all Supporters)

Features

Beautiful. 2 different Designs in 4 / 2 color schemes...
Extensive.
- Define Black- or Whitelists...
- Use colorizable tooltips...
- Restrict the date/time selection...
- ... and way more ...
Configurable. 30 settings and 4 bindable events...
Translatable. Already available in 17 languages...
Zero Dependencies. And written in vanilla JavaScript...
Free/To/Use. Because it's MIT licensed <3

Install & Embed

The master branch will always contain the latest Release, which you can download directly here as .tar or as .zip archive, or just visit the Releases Page on GitHub directly. You can also be cool and using NPM (or YARN):

npm install tail.datetime --save

yarn add tail.datetime --save

bower install tail.datetime --save

Using a CDN

You can also use the awesome CDN services from jsDelivr or UNPKG.

https://cdn.jsdelivr.net/npm/[email protected]/

https://unpkg.com/tail.datetime/

Thanks To

MrGuiseppe for the Inspiration
Octicons for the cute Icons
jsCompress for the Compressor
prismJS for the Syntax highlighting library [used on the demo]
MenuSpy for the Menu Navigation [used on the demo]

Translations

Documentation

The Documentation has been moved to GitHubs Wiki Pages, but I will keep a table of contents list here and some basic instructions.

Basic Instructions

You can pass up to 2 arguments to the tail.DateTime constructor, the first parameter is required and need to be an Element, a NodeList, a HTMLCollection, an Array with Element objects or just a single selector as string, which calls the querySelectorAll() method on its own. The second parameter is optional and, if set, MUST be an object with your tail.DateTime options.

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8" />

        <link type="text/css" rel="stylesheet" href="css/tail.datetime-default.css" />
        <!-- Additional Stylesheets -->
    </head>
    <body>
        <script type="text/javascript" src="js/tail.datetime.min.js"></script>
        <!-- <script type="text/javascript" src="langs/tail.datetime-{lang}.js"></script> -->

        <input type="text" class="tail-datetime-field" />

        <script type="text/javascript">
            document.addEventListener("DOMContentLoaded", function(){
                tail.DateTime(".tail-datetime-field", { /* Your Options */ });
            });
        </script>
    </body>
</html>

Default Settings

Please check out GitHubs Wiki Pages to read more about each single option!

tail.DateTime(".tail-datetime-field", {
    animate: true,                  // [0.4.0]          Boolean
    classNames: false,              // [0.3.0]          Boolean, String, Array, null
    closeButton: true,              // [0.4.5]          Boolean
    dateFormat: "YYYY-mm-dd",       // [0.1.0]          String (PHP similar Date)
    dateStart: false,               // [0.4.0]          String, Date, Integer, False
    dateRanges: [],                 // [0.3.0]          Array
    dateBlacklist: true,            // [0.4.0]          Boolean
    dateEnd: false,                 // [0.4.0]          String, Date, Integer, False
    locale: "en",                   // [0.4.0]          String
    position: "bottom",             // [0.1.0]          String
    rtl: "auto",                    // [0.4.1]          String, Boolean
    startOpen: false,               // [0.3.0]          Boolean
    stayOpen: false,                // [0.3.0]          Boolean
    time12h: false,                 // [0.4.13][NEW]    Boolean
    timeFormat: "HH:ii:ss",         // [0.1.0]          String (PHP similar Date)
    timeHours: true,                // [0.4.13][UPD]    Integer, Boolean, null
    timeMinutes: true,              // [0.4.13][UPD]    Integer, Boolean, null
    timeSeconds: 0,                 // [0.4.13][UPD]    Integer, Boolean, null
    timeIncrement: true,            // [0.4.5]          Boolean
    timeStepHours: 1,               // [0.4.3]          Integer
    timeStepMinutes: 5,             // [0.4.3]          Integer
    timeStepSeconds: 5,             // [0.4.3]          Integer
    today: true,                    // [0.4.0]          Boolean
    tooltips: [],                   // [0.4.0]          Array
    viewDefault: "days",            // [0.4.0]          String
    viewDecades: true,              // [0.4.0]          Boolean
    viewYears: true,                // [0.4.0]          Boolean
    viewMonths: true,               // [0.4.0]          Boolean
    viewDays: true,                 // [0.4.0]          Boolean
    weekStart: 0                    // [0.1.0]          String, Integer
});

Copyright & License

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].

Stars: ✭ 139

Visit Git Page 🔗Visit User Page 🔗Visit Issues Page (70) 🔗