tail.datetime
Advanced tools
A light-weight, translat- and configurable Open Source DateTime Picker, written in pure vanilla JavaScript!
The tail.DateTime Calendar Interface is written in pure vanilla JavaScript and doesn't require any additional dependencies. It was originally a fork of MrGuiseppes Pure JS Calendar, however version 0.4.0 has separated from the last origin lines and is now completely independent.
Wanna see tail.DateTime in action?
Wanna translate tail.DateTime in your language?
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
You can also use the awesome CDN services from jsDelivr or UNPKG.
https://cdn.jsdelivr.net/npm/tail.datetime@latest/
https://unpkg.com/tail.datetime/
The Documentation has been moved to GitHubs Wiki Pages, but I will keep a table of contents list here and some 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>
Please check out GitHubs Wiki Pages to read more about each single option!
tail.DateTime(".tail-datetime-field", {
animate: true, // New in 0.4.0
classNames: false,
dateFormat: "YYYY-mm-dd",
dateStart: false, // New in 0.4.0
dateRanges: [], // New Syntax in 0.4.0
dateBlacklist: true, // New in 0.4.0
dateEnd: false, // New in 0.4.0
locale: "en", // New in 0.4.0
position: "bottom",
rtl: "auto", // New in 0.4.1
startOpen: false,
stayOpen: false,
timeFormat: "HH:ii:ss",
timeHours: null, // New in 0.4.0
timeMinutes: null, // New in 0.4.0
timeSeconds: 0, // New in 0.4.0
timeStepHours: 1, // New in 0.4.3
timeStepMinutes: 5, // New in 0.4.3
timeStepSeconds: 5, // New in 0.4.3
today: true, // New in 0.4.0
tooltips: [], // New in 0.4.0
viewDefault: "days", // New in 0.4.0
viewDecades: true, // New in 0.4.0
viewYears: true, // New in 0.4.0
viewMonths: true, // New in 0.4.0
viewDays: true, // New in 0.4.0
weekStart: 0
});
Published under the MIT-License; Copyright © 2018 SamBrishes, pytesNET
FAQs
A powerful, extensive and configurable Date/Time Picker, written in Vanilla JavaScript without any dependencies!
The npm package tail.datetime receives a total of 101 weekly downloads. As such, tail.datetime popularity was classified as not popular.
We found that tail.datetime demonstrated a not healthy version release cadence and project activity because the last version was released a year ago. It has 1 open source maintainer collaborating on the project.
Did you know?
Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.
Security News
Ransomware negotiators share how modern cybercriminals operate like corporations, using specialized teams, negotiation tactics, and reputation management.
Security News
PyPI confirms no security flaws were exploited in the Ultralytics supply chain attack and highlights improvements for safer package publishing.
Security News
Research
The Socket Research Team breaks down a malicious wrapper package that uses obfuscation to harvest credentials and exfiltrate sensitive data.