Moment: Timezone Test

by mamounothman

HTML

<script src="http://momentjs.com/downloads/moment.js"></script>
<script src="http://momentjs.com/downloads/moment-timezone-with-data.js"></script>
<script src="http://jakubroztocil.github.io/rrule/lib/rrule.js"></script>
<div class="container">
<table class="table table-striped">
    <thead>
        <tr>
            <td>San Francisco</td>
        </tr>
    </thead>
    <tbody>
        <tr>
            <td>
                <div class="clock" id="time"></div>
                <br/>
            </td>
        </tr>
        <tr>
            <td>
                <div class="clock" id="la"></div>
                <br/>
            </td>
        </tr>
    </tbody>
</table>
</div>

CSS

body {
    font-family:'liquid_crystalregular', sans-serif;
}
.clock {
    color: #000;
    text-shadow: 0 0 3px #222;
}

JavaScript

var la = moment.tz('11:00pm', 'h:mma', "America/Los_Angeles").format('MMMM Do YYYY, h:mm:ss a');
var time = moment('11:00pm', 'h:mma').format('MMMM Do YYYY, h:mm:ss a');

$("#time").text(time);
$("#la").text(la);