Date - Wikidot - Free and Pro Wiki Hosting

<!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> <head> <title>Date - Wikidot - Free and Pro Wiki Hosting</title> <script type="text/javascript" src="http://d3g0gp89917ko0.cloudfront.net/v--4b961b7cc327/common--javascript/init.combined.js"></script> <script type="text/javascript"> var URL_HOST = 'www.wikidot.com'; var URL_DOMAIN = 'wikidot.com'; var USE_SSL = true ; var URL_STATIC = 'http://d3g0gp89917ko0.cloudfront.net/v--4b961b7cc327'; // global request information var WIKIREQUEST = {}; WIKIREQUEST.info = {}; WIKIREQUEST.info.domain = "www.wikidot.com"; WIKIREQUEST.info.siteId = 648902; WIKIREQUEST.info.siteUnixName = "www"; WIKIREQUEST.info.categoryId = 4388017; WIKIREQUEST.info.themeId = 192065; WIKIREQUEST.info.requestPageName = "doc-wiki-syntax:date"; OZONE.request.timestamp = 1739852222; OZONE.request.date = new Date(); WIKIREQUEST.info.lang = 'en'; WIKIREQUEST.info.pageUnixName = "doc-wiki-syntax:date"; WIKIREQUEST.info.pageId = 22129581; WIKIREQUEST.info.lang = "en"; OZONE.lang = "en"; var isUAMobile = !!/Android|webOS|iPhone|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent); </script> <script type="text/javascript"> require.config({ baseUrl: URL_STATIC + '/common--javascript', paths: { 'jquery.ui': 'jquery-ui.min', 'jquery.form': 'jquery.form' } }); </script> <meta http-equiv="content-type" content="text/html;charset=UTF-8"/> <meta http-equiv="content-language" content="en"/> <script type="text/javascript" src="http://d3g0gp89917ko0.cloudfront.net/v--4b961b7cc327/common--javascript/WIKIDOT.combined.js"></script> <script type="text/javascript" src="http://d3g0gp89917ko0.cloudfront.net/v--4b961b7cc327/common--bootstrap/3.0.0/bootstrap.min.js"></script>  <link href="http://d3g0gp89917ko0.cloudfront.net/v--4b961b7cc327/common--fonts/awesome/3.2.1/font-awesome.min.css" rel="stylesheet"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <style type="text/css" id="internal-style"> /* modules */ /* bootstrap */ @import url(http://d3g0gp89917ko0.cloudfront.net/v--4b961b7cc327/common--bootstrap/3.0.0/bootstrap.min.css); /* theme */ @import url(http://d3g0gp89917ko0.cloudfront.net/v--4b961b7cc327/common--theme/bootstrap-base/css/style.css); @import url(http://www.wdfiles.com/local--theme/wikidot-3-0-content/style.css); </style>   <script type="text/javascript" src="http://d3g0gp89917ko0.cloudfront.net/v--4b961b7cc327/common--javascript/skrollr.min.js"></script> <link rel="shortcut icon" href="/local--favicon/favicon.gif"/> <link rel="icon" type="image/gif" href="/local--favicon/favicon.gif"/> <link rel="apple-touch-icon" href="/common--images/apple-touch-icon-57x57.png" /> <link rel="apple-touch-icon" sizes="72x72" href="/common--images/apple-touch-icon-72x72.png" /> <link rel="apple-touch-icon" sizes="114x114" href="/common--images/apple-touch-icon-114x114.png" /> <link rel="alternate" type="application/wiki" title="Edit this page" href="javascript:WIKIDOT.page.listeners.editClick()"/> <script type="text/javascript"> var _gaq = _gaq || []; _gaq.push(['_setAccount', 'UA-18234656-1']); _gaq.push(['_setDomainName', 'none']); _gaq.push(['_setAllowLinker', true]); _gaq.push(['_trackPageview']); _gaq.push(['old._setAccount', 'UA-68540-5']); _gaq.push(['old._setDomainName', 'none']); _gaq.push(['old._setAllowLinker', true]); _gaq.push(['old._trackPageview']); </script> <script type="text/javascript"> window.google_analytics_uacct = 'UA-18234656-1'; window.google_analytics_domain_name = 'none'; </script> <link rel="manifest" href="/onesignal/manifest.json" /> <script src="https://cdn.onesignal.com/sdks/OneSignalSDK.js" acync=""></script> <script> var OneSignal = window.OneSignal || []; OneSignal.push(function() { OneSignal.init({ appId: null, }); }); </script> <style> /* * Base Table * */ .wiki-content-table{ margin-bottom: 20px; width: 100%; max-width: 100%; background-color: rgba(0,0,0,0); border-collapse: collapse; border-spacing: 0; } .wiki-content-table > thead > tr > th, .wiki-content-table > tbody > tr > th, .wiki-content-table > tfoot > tr > th, .wiki-content-table > thead > tr > td, .wiki-content-table > tbody > tr > td, .wiki-content-table > tfoot > tr > td{ border-top: 1px solid #DDD; line-height: 1.42857; padding: 8px; vertical-align: top; } .wiki-content-table th{ text-align: left; } @media (max-width: 768px){ .table-responsive .wiki-content-table{ margin-bottom: 0; } .table-responsive > .wiki-content-table > thead > tr > th, .table-responsive > .wiki-content-table > tbody > tr > th, .table-responsive > .wiki-content-table > tfoot > tr > th, .table-responsive > .wiki-content-table > thead > tr > td, .table-responsive > .wiki-content-table > tbody > tr > td, .table-responsive > .wiki-content-table > tfoot > tr > td{ white-space: nowrap; } } /* * Color Table * */ .wiki-content-table > thead > tr > th, .wiki-content-table > tbody > tr > th, .wiki-content-table > tfoot > tr > th, .wiki-content-table > thead > tr > td, .wiki-content-table > tbody > tr > td, .wiki-content-table > tfoot > tr > td{ border-top: none; border-bottom: 1px solid #DDD; } .wiki-content-table > thead > tr > th, .wiki-content-table > tbody > tr > th, .wiki-content-table > tfoot > tr > th{ background: #E5E5E0; } </style> </head> <body id="html-body"> <div id="skrollr-body"> <script type="text/javascript"> jQuery(document).ready(function() { if(!(/Android|iPhone|iPad|iPod|BlackBerry|Windows Phone/i).test(navigator.userAgent || navigator.vendor || window.opera)) { var s = skrollr.init(); } }); </script> <div class="topbar"> <nav class="navbar navbar-default navbar-fixed-top" role="navigation"> <div class="container"> <div class="navbar-header"> <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".wikidot-menu-collapse"> <span class="sr-only">Toggle navigation</span> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button> <div class="site-name"> <a class="navbar-brand" href="/"></a> </div> <div class="site-subtitle"> your place on the web </div> <div class="loginStatus"> <a href="javascript:;" onclick="WIKIDOT.page.listeners.createAccount(event)" class="login-status-create-account btn">Create account</a> <span>or</span> <a href="javascript:;" onclick="WIKIDOT.page.listeners.loginClick(event)" class="login-status-sign-in btn btn-primary">Sign in</a> </div> </div> <div class="collapse navbar-collapse wikidot-menu-collapse"> <ul class="nav navbar-nav navbar-right"> <li class="dropdown"><a class="dropdown-toggle" href="" data-toggle="dropdown">Documentation <span class="caret"><span style="white-space: pre-wrap;"> </span></span><br /></a> <ul class="dropdown-menu"> <li><a href="/doc-wiki-syntax:start">Wiki syntax</a></li> <li><a href="/doc:quick-reference">Quick reference</a></li> <li><a href="/doc-modules:start">Modules</a></li> <li><a href="/doc-data-forms:start">Data forms</a></li> <li><a href="/doc:embedding">Embedding services</a></li> <li><a href="/doc:templates">Templates</a></li> <li><a href="/doc:searching">Searching</a></li> <li><a href="/doc:site-structure">Site structure</a></li> <li><a href="/doc:users">Managing users</a></li> <li><a href="/doc:layout-reference">Layout reference</a></li> <li><a href="/doc:video">Video tutorials</a></li> <li><a href="/doc:advertising">Advertising</a></li> <li><a href="/doc:api">Wikidot API</a></li> </ul> </li> <li class="dropdown"><a class="dropdown-toggle" href="" data-toggle="dropdown">Community sites <span class="caret"><span style="white-space: pre-wrap;"> </span></span></a> <ul class="dropdown-menu"> <li><a href="http://community.wikidot.com">Wikidot Community</a></li> <li><a href="http://handbook.wikidot.com">Wikidot Handbook</a></li> <li><a href="http://snippets.wikidot.com">Code snippets</a></li> </ul> </li> <li class="dropdown"><a class="dropdown-toggle" href="" data-toggle="dropdown">FAQ <span class="caret"><span style="white-space: pre-wrap;"> </span></span></a> <ul class="dropdown-menu"> <li><a href="/faq:user-accounts">User accounts</a></li> <li><a href="/faq:upgrades">Upgrades</a></li> <li><a href="/faq:site-features">Site features</a></li> <li><a href="/faq:private-sites">Private Sites</a></li> <li><a href="/faq:editing-pages">Editing Pages</a></li> <li><a href="/faq:technical">Technical</a></li> <li><a href="/faq:watching">Watching</a></li> </ul> </li> </ul> </div> </div> <div class="horizontal-scrollbar" data-start="width: 0%;" data-end="width: 100%"></div> </nav> </div> <div class="content-wrap"> <div class="container"> <div class="row"> <div class="col-md-3"> <div class="search-box"> <div id="search-top-box" class="form-search"> <form id="search-top-box-form" action="dummy" class="input-append"> <input id="search-top-box-input" class="text empty search-query" type="text" size="15" name="query" value="Search this site" onfocus="if(YAHOO.util.Dom.hasClass(this, 'empty')){YAHOO.util.Dom.removeClass(this,'empty'); this.value='';}"/><input class="button btn" type="submit" name="search" value="Search"/> </form> </div> </div> <nav role="navigation"> <div class="container"> <div class="navbar-header docs-navigation"> <a type="button" class="btn btn-default navbar-toggle docs-navigation-toggle" data-toggle="collapse" data-target=".doc-menu-collapse"> Table of Contents </a> </div> <div class="collapse navbar-collapse doc-menu-collapse doc-navigation-sidebar"> <ul> <li><a href="/doc-wiki-syntax:inline-formatting">Inline Formatting</a></li> <li><a href="/doc-wiki-syntax:text-size">Text Size</a></li> <li><a href="/doc-wiki-syntax:paragraphs-and-newline">Paragraphs and newlines</a></li> <li><a href="/doc-wiki-syntax:typography">Typography</a></li> <li><a href="/doc-wiki-syntax:literal-text">Literal Text</a></li> <li><a href="/doc-wiki-syntax:universal-escaping">Universal Escaping</a></li> <li><a href="/doc-wiki-syntax:comments">Comments</a></li> <li><a href="/doc-wiki-syntax:headings">Headings</a></li> <li><a href="/doc-wiki-syntax:table-of-contents">Table of Contents</a></li> <li><a href="/doc-wiki-syntax:horizontal-rules">Horizontal Rules</a></li> <li><a href="/doc-wiki-syntax:lists">Lists</a> <ul> <li><a href="/doc-wiki-syntax:lists#bulleted">Bulleted Lists</a></li> <li><a href="/doc-wiki-syntax:lists#numbered">Numbered Lists</a></li> <li><a href="/doc-wiki-syntax:lists#advanced">Advanced Lists</a></li> </ul> </li> <li><a href="/doc-wiki-syntax:definition-lists">Definition Lists</a></li> <li><a href="/doc-wiki-syntax:block-quotes">Block Quotes</a></li> <li><a href="/doc-wiki-syntax:collapsible-blocks">Collapsible blocks</a></li> <li><a href="/doc-wiki-syntax:foldable-list">Foldable List Container</a></li> <li><a href="/doc-wiki-syntax:links">Links</a> <ul> <li><a href="/doc-wiki-syntax:links#internal">Internal links</a></li> <li><a href="/doc-wiki-syntax:links#urls">URLs</a></li> <li><a href="/doc-wiki-syntax:links#anchors">Anchors</a></li> <li><a href="/doc-wiki-syntax:links#emails">Emails</a></li> <li><a href="/doc-wiki-syntax:links#interwiki">InterWiki</a></li> <li><a href="/doc-wiki-syntax:links#magicuris">Magic URIs</a> <ul> <li><a href="/doc-wiki-syntax:links#hashmagicuris">Hash Magic URIs</a></li> </ul> </li> </ul> </li> <li><a href="/doc-wiki-syntax:images">Images</a> <ul> <li><a href="/doc-wiki-syntax:images#single">Single images</a></li> <li><a href="/doc-wiki-syntax:images#gallery">Gallery of images</a></li> </ul> </li> <li><a href="/doc-wiki-syntax:notes">Notes</a></li> <li><a href="/doc-wiki-syntax:html-blocks">HTML Blocks</a></li> <li><a href="/doc-wiki-syntax:code-blocks">Code Blocks</a></li> <li><a href="/doc-wiki-syntax:tables">Tables</a> <ul> <li><a href="/doc-wiki-syntax:tables#simple">Simple tables</a></li> <li><a href="/doc-wiki-syntax:tables#advanced">Advanced (custom) tables</a></li> </ul> </li> <li><a href="/doc-wiki-syntax:block-formatting-elements">Block formatting elements</a> <ul> <li><a href="/doc-wiki-syntax:block-formatting-elements#left">Left, right, centered and justified</a></li> <li><a href="/doc-wiki-syntax:block-formatting-elements#custom">Custom div blocks</a></li> </ul> </li> <li><a href="/doc-wiki-syntax:math">Math</a> <ul> <li><a href="/doc-wiki-syntax:math#equations">Equations</a></li> <li><a href="/doc-wiki-syntax:math#inline">Inline math</a></li> </ul> </li> <li><a href="/doc-wiki-syntax:footnotes">Footnotes</a></li> <li><a href="/doc-wiki-syntax:bibliography">Bibliography</a></li> <li><a href="/doc-wiki-syntax:date">Date: How Long Ago?</a> <ul> <li><a href="/doc-wiki-syntax:date#how">How it works</a></li> <li><a href="/doc-wiki-syntax:date#wizard">Code Wizard</a></li> <li><a href="/doc-wiki-syntax:date#examples">Examples</a></li> </ul> </li> <li><a href="/doc-wiki-syntax:include">Include other pages</a></li> <li><a href="/doc-wiki-syntax:embedding">Embedding media</a> <ul> <li><a href="/doc-wiki-syntax:embedding#video">Video</a></li> <li><a href="/doc-wiki-syntax:embedding#audio">Audio</a></li> </ul> </li> <li><a href="/doc-wiki-syntax:embedding-code">Embedding code</a> <ul> <li><a href="/doc-wiki-syntax:embedding-code#embed">embed tag</a></li> <li><a href="/doc-wiki-syntax:embedding-code#iframe">Iframe element</a></li> </ul> </li> <li><a href="/doc-wiki-syntax:iftags">Iftags</a></li> <li><a href="/doc-wiki-syntax:attachment">Attached files</a></li> <li><a href="/doc-wiki-syntax:users">Users</a></li> <li><a href="/doc-wiki-syntax:social-bookmarking">Social bookmarking</a></li> <li><a href="/doc-wiki-syntax:buttons">Standalone buttons</a></li> <li><a href="/doc-wiki-syntax:tag-buttons">Button for tag update</a></li> <li><a href="/doc-wiki-syntax:layout">Layout elements</a> <ul> <li><a href="/doc-wiki-syntax:layout#tabview">Tab view</a></li> </ul> </li> </ul> </div> </div> </nav> </div> <div class="col-md-9"> <div class="page-title"> Date </div> <div class="breadcrumb"> <a href="/doc:start">Documentation</a> » <a href="/doc-wiki-syntax:start">Wiki Syntax</a> » Date </div> <div id="page-content"> <p>In several places (forum, private messages, last revision date, etc.) Wikidot pages use dates and timestamps that automatically calculate (either when hovering with the mouse or directly in the text) how long ago this was. Examples are</p> <ul> <li><span class="odate time_1237135440 format_%25e%20%25b%20%25Y%2C%20%25H%3A%25M%20%25Z%7Cagohover">15 Mar 2009 16:44</span> (move the mouse over the date to see the hovering text) or,</li> <li><span class="odate time_1237135440 format_%25c">15 Mar 2009 16:44</span></li> </ul> <p>If you want dates that <em>you</em> type on your pages to also automatically show "how long ago'', here is how you can do it.</p> <h2 id="toc0"><span><a name="how"></a> How it works</span></h2> <p>The syntax needed is:</p> <blockquote> <p><tt><span style="white-space: pre-wrap;">[[date</span> <em>timestamp</em> <format="<em>format</em><span style="white-space: pre-wrap;"><|agohover>">]]</span></tt></p> </blockquote> <p>where</p> <ul> <li>< … > denote optional parameters</li> <li><tt><em>timestamp</em></tt> is the number of seconds between Jan 1, 1970 and the wanted date. To find this number for a specific date, see <a href="#wizard">Code Wizard</a> below.</li> <li><tt><em>format</em></tt> is an arbitrary text string that may include <em><a href="http://community.wikidot.com/howto:frontforum-date-variable#modifiers">%modifiers</a></em>, which are replaced by an actual (part of the) date or time. If not specified, <tt><em>format</em></tt> defaults to "%e''.</li> <li><tt>|agohover</tt> when specified displays a "hovering'' text ("<em>nn</em> seconds/minutes/hours/days ago") when the mouse is moved over any part of the displayed <tt><em>format</em></tt> string.</li> </ul> <h2 id="toc1"><span><a name="wizard"></a><a name="example"></a>Code Wizard</span></h2> <p>To find out what code you should use on your page for a specific date:<br /> <iframe src="http://community.wikidot.com/howto:date-how-long-ago/code/1" align="" frameborder="0" height="210px" scrolling="no" width="100%" class="" style=""></iframe><br /> Then copy/paste the displayed code into your page.</p> <h2 id="toc2"><span><a name="examples"></a>Examples</span></h2> <table style="border-collapse:collapse;border-top:2px solid;border-bottom:2px solid"> <tr> <td style="padding:3px 1em 3px 0"><em><strong>What you type …</strong></em></td> <td><em><strong>What you get …</strong></em></td> </tr> <tr style="border-top:1px solid"> <td style="padding:3px 1em 3px 0"><tt><span style="white-space: pre-wrap;">[[date 1216153821]]</span></tt></td> <td><span class="odate time_1216153821">15 Jul 2008 20:30</span></td> </tr> <tr style="border-top:1px solid"> <td style="padding:3px 1em 3px 0"><tt><span style="white-space: pre-wrap;">[[date 1216153821 format="%d. %m. %Y|agohover"]]</span></tt></td> <td><span class="odate time_1216153821 format_%25d.%20%25m.%20%25Y%7Cagohover">15 Jul 2008 20:30</span></td> </tr> <tr style="border-top:1px solid"> <td style="padding:3px 1em 3px 0"><tt><span style="white-space: pre-wrap;">[[date 681746400 format="James is %O young"]]</span></tt></td> <td><span class="odate time_681746400 format_James%20is%20%25O%20young">09 Aug 1991 14:00</span></td> </tr> <tr style="border-top:1px solid"> <td style="padding:3px 1em 3px 0"><tt><span style="white-space: pre-wrap;">+++ Minutes from [[date 1234567890 format="%e %B|agohover"]]</span></tt></td> <td> <h3><span>Minutes from <span class="odate time_1234567890 format_%25e%20%25B%7Cagohover">13 Feb 2009 23:31</span></span></h3> </td> </tr> </table> <p>Note: You can use %O also with the future dates as well.</p> <p><strong>Author</strong><br /> created by <span class="printuser avatarhover"><a href="http://www.wikidot.com/user:info/erichsteinboeck" onclick="WIKIDOT.page.listeners.userInfo(7925); return false;"><img class="small" src="http://www.wikidot.com/avatar.php?userid=7925&amp;size=small&amp;timestamp=1401117862" alt="ErichSteinboeck" style="background-image:url(http://www.wikidot.com/userkarma.php?u=7925)" /></a><a href="http://www.wikidot.com/user:info/erichsteinboeck" onclick="WIKIDOT.page.listeners.userInfo(7925); return false;">ErichSteinboeck</a></span></p> </div><div id="action-area" style="display: none;"></div> </div> </div> </div> <div class="page-options-container container"> </div> </div> <div class="footer"> <div class="container"> <div class="row"> <div class="col-sm-6"><img src="https://www.wikidot.com/common--theme/wikidot30/images/amazon.png" alt="amazon.png" class="image" /></div> <div class="col-sm-3"> <p><a href="http://blog.wikidot.com">Official Wikidot blog</a></p> <p><a href="http://community.wikidot.com">Community</a></p> <p><a href="/doc">Documentation</a></p> </div> <div class="col-sm-3"> <p><a href="/about">About Wikidot</a></p> <p><a href="http://shop.wikidot.com">Gift Shop</a></p> <p><a href="/legal:terms-of-service">Terms of Service</a></p> <p><a href="/legal:privacy-policy">Privacy policy</a></p> </div> </div> </div> <div class="container license-area"> Copyright 漏 All Rights Reserved, Wikidot Inc. 2025 </div> </div> </div> <div id="dummy-ondomready-block" style="display: none;" ></div>  <script type="text/javascript"> (function() { var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true; ga.src = ('https:' == document.location.protocol ? 'https://' : 'http://') + 'stats.g.doubleclick.net/dc.js'; var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s); })(); </script> <div id="page-options-bottom-tips" style="display: none;"> <div id="edit-button-hovertip"> Click here to edit contents of this page. </div> </div> <div id="page-options-bottom-2-tips" style="display: none;"> <div id="edit-sections-button-hovertip"> Click here to toggle editing of individual sections of the page (if possible). Watch headings for an "edit" link when available. </div> <div id="edit-append-button-hovertip"> Append content without editing the whole page source. </div> <div id="history-button-hovertip"> Check out how this page has evolved in the past. </div> <div id="discuss-button-hovertip"> If you want to discuss contents of this page - this is the easiest way to do it. </div> <div id="files-button-hovertip"> View and manage file attachments for this page. </div> <div id="site-tools-button-hovertip"> A few useful tools to manage this Site. </div> <div id="backlinks-button-hovertip"> See pages that link to and include this page. </div> <div id="rename-move-button-hovertip"> Change the name (also URL address, possibly the category) of the page. </div> <div id="view-source-button-hovertip"> View wiki source for this page without editing. </div> <div id="parent-page-button-hovertip"> View/set parent page (used for creating breadcrumbs and structured layout). </div> </div> </body> </html>

CINXE.COM

Date - Wikidot - Free and Pro Wiki Hosting