Gallery

Modules

Documentation

Context Navigation

YUI Library is not responsible for bugs or support with this module. It is available as a free service. For support please contact the module owner with the provided links.

gallery-time-format (gallery-time-format) on cdn

Last Updated: 08/1/12

+ 0 -

Huge Huang

YUI Contributor

Created: 07/31/12
Last CDN Push: 08/1/12
Build Tag: gallery-2012.08.01-13-16
Project: YUI 3
License: YUI BSD
YUI Version: 3.5.0
Free for use.

use AOP to alter gallery-torelativetime logic so we can support absolute/relative time format with given relativeDelta

Download
Docs
Homepage
Bugs
Source
Example
Forum
History

Code Sample

<script src="http://yui.yahooapis.com/3.5.0/build/yui/yui-min.js"></script>

<!DOCTYPE html>
 
<html>
	<head>
        <script type="text/javascript" src="http://yui.yahooapis.com/3.5.0/build/yui/yui-min.js"></script>
		<title>gallery-time-format showcase</title>
	</head>
 
	<body>
        <script type="text/javascript">
        YUI({ gallery: 'gallery-2012.08.01-13-16' }).use('gallery-time-format', function (Y) {
            var to = new Date('2012-02-12T11:00:00Z'),
                from;
 
            from = new Date('2012-02-12T14:00:00Z');
            console.log(Y.DataType.Date.format(to, { from: from, relativeDelta: 3*60*60 }), 'about 3 hours before');
 
            // time different is bigger than relativeDelta
            from = new Date('2012-02-12T17:00:00Z');
            console.log(Y.DataType.Date.format(to, { from: from, relativeDelta: 3*60*60 }), '2012-02-12');
 
            // 1 hour earlier
            from = new Date('2012-02-12T10:00:00Z');
            console.log(Y.DataType.Date.format(to, { from: from, relativeDelta: 3*60*60 }), 'about an hour ahead');
 
            // support different format
            from = new Date('2012-02-12T17:00:00Z');
            console.log(Y.DataType.Date.format(to, { from: from, relativeDelta: 3*60*60, format: '%x' }), '02/12/12');
        })
        </script>
	</body>
</html>

<!DOCTYPE html>

<html>
	<head>
        <script type="text/javascript" src="http://yui.yahooapis.com/3.5.0/build/yui/yui-min.js"></script>
		<title>gallery-time-format showcase</title>
	</head>

<body>
        <script type="text/javascript">
        YUI({ gallery: 'gallery-2012.08.01-13-16' }).use('gallery-time-format', function (Y) {
            var to = new Date('2012-02-12T11:00:00Z'),
                from;

from = new Date('2012-02-12T14:00:00Z');
            console.log(Y.DataType.Date.format(to, { from: from, relativeDelta: 3*60*60 }), 'about 3 hours before');

// time different is bigger than relativeDelta
            from = new Date('2012-02-12T17:00:00Z');
            console.log(Y.DataType.Date.format(to, { from: from, relativeDelta: 3*60*60 }), '2012-02-12');

// 1 hour earlier
            from = new Date('2012-02-12T10:00:00Z');
            console.log(Y.DataType.Date.format(to, { from: from, relativeDelta: 3*60*60 }), 'about an hour ahead');

// support different format
            from = new Date('2012-02-12T17:00:00Z');
            console.log(Y.DataType.Date.format(to, { from: from, relativeDelta: 3*60*60, format: '%x' }), '02/12/12');
        })
        </script>
	</body>
</html>