這篇文章主要介紹了在Python的Flask框架中使用日期和時(shí)間的教程,包括對(duì)各個(gè)時(shí)區(qū)之間轉(zhuǎn)換的一些處理,需要的朋友可以參考下

時(shí)間戳的問(wèn)題

我們的微博應(yīng)用的一個(gè)忽略了很久的問(wèn)題就是日間和日期的顯示。

直到現(xiàn)在，我們?cè)谖覀兊腢ser和Post對(duì)象中使用Python它自己的方式來(lái)渲染時(shí)間對(duì)象，但這并不是一個(gè)好的解決方案。

考慮下這樣的例子。我正在寫這篇文章，此時(shí)正是12月31號(hào)下午3:54。我的時(shí)區(qū)是PST(或者你們更習(xí)慣的：UTC-8)。 在Python解釋器中運(yùn)行，我得到下面輸出：

>>> from datetime import datetime

>>> now = datetime.now()

>>> print now

2012-12-31 15:54:42.915204

>>> now = datetime.utcnow()

>>> print now

2012-12-31 23:55:13.635874

在我所在的地方，now()方法返回了正確的時(shí)間，但是now()調(diào)用返回的時(shí)間是UTC單位。

那么，使用哪個(gè)更好呢?

如果我們用now()，所有數(shù)據(jù)庫(kù)里的時(shí)間戳將會(huì)與服務(wù)器運(yùn)行的當(dāng)?shù)貢r(shí)間一致，這將會(huì)產(chǎn)生一些問(wèn)題。

比如，如果有一天，我們需要將服務(wù)器放到別的地方(不在一個(gè)時(shí)區(qū))，那么在重啟服務(wù)器之前，數(shù)據(jù)庫(kù)里的時(shí)間都需要更新到與新地點(diǎn)保持一致。

還會(huì)有更為重要的問(wèn)題。不同時(shí)區(qū)的用戶將會(huì)很難知道什么時(shí)候發(fā)送郵件，如果用戶看到的是PST時(shí)區(qū)的時(shí)間，他們就很難知道郵件是什么時(shí)候發(fā)送的，這就需要用戶根據(jù)這個(gè)時(shí)間做相應(yīng)的調(diào)整。

很顯然這不是一個(gè)好的選擇，這也是我們?yōu)槭裁丛趧?chuàng)建數(shù)據(jù)庫(kù)時(shí)就使用UTC時(shí)區(qū)保存時(shí)間戳。

在標(biāo)準(zhǔn)化時(shí)間戳為UTC時(shí)，解決了移動(dòng)服務(wù)器的問(wèn)題。但是他不能解決第二個(gè)問(wèn)題，數(shù)據(jù)和時(shí)間在世界上不同地方使用UTC展現(xiàn)給用戶。

假設(shè)一個(gè)用戶在PST時(shí)區(qū)下午3點(diǎn)發(fā)送了一封郵件，這封郵件立刻顯示在他面前，上面寫著11:00pm，或者更具體點(diǎn)(23：00)。

我寫這個(gè)文章的目的也就是讓我們的用戶不再因?yàn)閿?shù)據(jù)和時(shí)間的顯示而困惑。

使用具體的時(shí)間戳

通常的解決方法是，每一個(gè)用戶都從UTC轉(zhuǎn)化到當(dāng)?shù)氐臅r(shí)間。這就需要我們動(dòng)態(tài)變化，從而使數(shù)據(jù)庫(kù)的UTC與之保持一致。

但是我們?cè)趺粗烙脩粼谀哪?

許多網(wǎng)站都有一個(gè)設(shè)置頁(yè)面設(shè)置他們的時(shí)區(qū)。這就需要我們添加一個(gè)新的頁(yè)面，并在表單上提供下拉框讓用戶選擇時(shí)區(qū)，用戶第一次登錄的時(shí)候需要設(shè)置時(shí)區(qū)，并把它作為注冊(cè)的一部分。

這是一個(gè)正常的解決方法，但是這對(duì)于用戶來(lái)說(shuō)有點(diǎn)累贅，用戶需要輸入一條他們已經(jīng)在操作系統(tǒng)中配置過(guò)的信息。所以如果我們能抓取到用戶電腦里設(shè)置的時(shí)區(qū)那解決問(wèn)題會(huì)變得更有效率。

出于安全因素，瀏覽器不允許我們進(jìn)入用戶操作系統(tǒng)獲取信息。即使它允許，我們也得知道在Windows，Linux，Mac，iOS，Android中從哪兒能獲得到時(shí)區(qū)，這還不包括其他非主流操作系統(tǒng)。

在瀏覽器中得到用戶的時(shí)區(qū)，然后通過(guò)標(biāo)準(zhǔn)的Javascript API獲取到。在Web 2.0世界中用戶允許Javascript執(zhí)行(很少有網(wǎng)站不使用Javascript)，所以通過(guò)Javascript獲取用戶時(shí)區(qū)是可行的。

我們用Javascript有兩種方式配置可用的時(shí)區(qū)：

老派的做法：當(dāng)用戶第一次登錄服務(wù)器時(shí)讓瀏覽器以某種方式發(fā)送時(shí)區(qū)信息給我們。這個(gè)可以通過(guò)Ajax調(diào)用，或者更簡(jiǎn)單的通過(guò)meta refresh tag來(lái)實(shí)現(xiàn)。一旦服務(wù)器知道了時(shí)區(qū)信息，它就能保存它在用戶session中，然后調(diào)整所有頁(yè)面的時(shí)間顯示。

新派的做法：不改變服務(wù)器端的任何東西，但仍然會(huì)發(fā)送UTC時(shí)間戳到客戶端瀏覽器。轉(zhuǎn)換UTC到本地時(shí)間的工作通過(guò)Javascript在客戶端執(zhí)行。

兩種方法都是有效的，但第二種更有優(yōu)勢(shì)一點(diǎn)。瀏覽器能依照系統(tǒng)本地配置最好滴完成時(shí)間轉(zhuǎn)換。像上午/下午 vs 24小時(shí)制，日/月/年 vs 月/日/年 還有其他各種文化的格式，這些格式都是瀏覽器可訪問(wèn)的，但服務(wù)器就不一定了。

如果這些還不夠，那新派的做法還有一個(gè)更大的優(yōu)勢(shì)，而且別人已經(jīng)為我們做了這件事(moment.js要登場(chǎng)了)!

moment.js簡(jiǎn)介

Moment.js 是一個(gè)小、免費(fèi)、開(kāi)源的Javascript庫(kù)，它將日期和事件提升到另一個(gè)等級(jí)。它提供了能想象到的所有的時(shí)間日期格式，下面就是一些。

要在我們的應(yīng)用中使用moment.js就需要在我們的模板文件中寫那么一丟丟的Javascript代碼。我們先來(lái)通過(guò)ISO 8601 時(shí)間來(lái)創(chuàng)建一個(gè)moment對(duì)象。例如：通過(guò)上面Python例子的UTC時(shí)間來(lái)創(chuàng)建一個(gè)moment對(duì)象，就像這樣：

moment("2012-12-31T23:55:13 Z")

一旦對(duì)象被創(chuàng)建，它就可以被轉(zhuǎn)化成各種各樣格式類型的string。例如，將一個(gè)灰常冗長(zhǎng)的時(shí)間顯示轉(zhuǎn)換為本地系統(tǒng)的時(shí)間：

moment("2012-12-31T23:55:13 Z").format('LLLL');

下面就是轉(zhuǎn)換以后的時(shí)間顯示:

Tuesday, January 1 2013 7:55 AM

這兒有更多的例子將同樣的時(shí)間戳轉(zhuǎn)化為不同的格式：

201542191024389.jpg (377×175)

這個(gè)類庫(kù)對(duì)轉(zhuǎn)化選項(xiàng)的支持不止這些。除了format()之外，它還提供了fromNow()和calendar()這些更友好的時(shí)間戳轉(zhuǎn)化方法：

201542191055278.jpg (187×88)

注意上面所有的例子中服務(wù)器轉(zhuǎn)換相同的UTC時(shí)間，而你自己的本地瀏覽器則會(huì)轉(zhuǎn)換不同的時(shí)間。

最后我們補(bǔ)上漏掉的一點(diǎn)Javascript小技巧，在頁(yè)面中顯而易見(jiàn)的是，代碼實(shí)際上由moment返回了string類型。最簡(jiǎn)單的完成方式是用Javascript的document.write方法：

<script>

document.write(moment("2012-12-31T23:55:13 Z").format('LLLL'));

</script>

通過(guò)使用Javascript的document.write是灰常簡(jiǎn)單和直接的方式來(lái)生成一部分HTML代碼，然而需要注意的是這種方式有一些限制。最需要主義的一點(diǎn)就是document.write方法只能在document被加載時(shí)使用，當(dāng)document加載完成后，它便不能修改document了。這個(gè)限制的結(jié)果就是當(dāng)通過(guò) Ajax 來(lái)加載數(shù)據(jù)時(shí)這種解決方案就失效了。

整合moment.js

這兒我們需要做一點(diǎn)點(diǎn)事把moment.js添加到我們的微博客中.

首先，我們需要下載moment.min.js這個(gè)庫(kù)到/app/static/js這個(gè)文件夾中，這樣它就可以作為靜態(tài)文件為客戶端服務(wù)。

然后我們?cè)谖覀兊哪０逦募?fileapp/templates/base.html)中添加這個(gè)庫(kù)(moment.min.js)的引用:

<script src="/static/js/moment.min.js"></script>

現(xiàn)在我們可以在模板文件中添加

更多信息請(qǐng)查看IT技術(shù)專欄