SamBrishes edited this page Nov 22, 2018 · 3 revisions

Install & Embed

Version LastUpdate


You can always download the latest published release, which you can find on GitHubs Release Page. Or just download the Master Branch as .TAR or as .ZIP archive.

Package Manager

You can also use one of the following Package Managers, if you have them installed of course. Please Note: The tail.DateTime script doesn't support nodeJS nor any other backend JavaScript engine. But it is compatible with AMD, tested with requireJS at least.


The NPM Wombat loves you <3 (Visit tail.DateTime on

npm install tail.datetime --save


The YARN Cat loves you too <3 (Visit tail.DateTime on

yarn add tail.datetime --save


The Bower bird has been eaten by YARN:

bower install tail.datetime --save


You can also use the awesome CDN-Services from jsDelivr and UNPKG!




We recommend to load the Stylesheets css/tail.datetime-default.css (as well as the desired color scheme) within the Document Header (between <head> and </head>) and the JavaScript file directly after the starting <body> Tag. And don't forget to embed the desired Language-File (AFTER the main JavaScript file) too!

Note 1: You should include the minified JavaScript file js/tail.datetime.min.js to increase the loading time and performance of the tail.DateTime script!

Basic Example

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

        <link type="text/css" rel="stylesheet" href="css/tail.datetime-default.css" />
        <!-- Additional Stylesheets -->
        <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 */ });


Default Usage

You can’t perform that action at this time.
You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session.
Press h to open a hovercard with more details.