需要具有特定功能的日期/時間選取器

我環顧四周，我確實看到以前的問題，人們詢問日期/時間選取器;不幸的是，這些線程都不符合我的具體需求。我看到很多人推薦Any + Time，但它看起來有點「沉重」，我正在尋找輕量級的。需要具有特定功能的日期/時間選取器

基本上，我需要一個日期/時間選擇器的「事件」。這裏的事件搜索選擇器（http://jqueryui.com/demos/datepicker/#event-search）非常好，但它不處理時間。我的表單是基於jQuery構建的，所以我可以使用它。

必須能夠同時選擇日期和時間，直到選擇開始時間
結束時間的形式應該被隱藏。
選擇開始時間後，結束時間應自動6小時設置後
不應該能夠選擇一個結束時間，是以開始時間
前地方應該能夠處理時區，並默認爲用戶的當前時區
應該能夠發出一個UTC時間戳（我將在一個隱藏字段存儲;例如：1291004863）

你的建議是讚賞...我不知道很多有關的Javascript 。

來源

2010-11-29 Jason Axelrod

我只是把時間在一個單獨的領域。您可以輕鬆使用小時，分鐘，上午/下午的下拉菜單。然後在這些之上放置一些jQueryUI滑塊。需要Calandars是因爲我們不知道下一個星期日是哪一天，或者本月的第31個星期。時間很簡單，所以幾乎沒有必要爲它設置一個奇特的小部件。 – Keyo 2010-11-29 05:14:47

雖然不會處理時區... – 2010-11-29 08:11:11

我會嘗試擴大與下面的頁面上所做的修改jQuery UI的日期選擇器： http://addyosmani.com/blog/the-missing-date-time-selector-for-jquery-ui/

的jQuery UI的事件搜索示例代碼只需要添加，使其工作的新參數。

希望有幫助！

編輯：對日期選擇範圍實施例的代碼（使用代碼從上方連結）：

-HTML-

<p> 
    <label for="from">From:</label> <input class="datetime" type="text" name="from" id="from" value="" /> 
    <label for="to">To:</label> <input class="datetime" type="text" name="to" id="to" value="" /> 
</p>

-js-

$(function() { 
    $('.datetime').datepicker({ 
     duration: '', 
     showTime: true, 
     constrainInput: false 
    }); 
});

這裏看到的鏈接動作： http://bit.ly/hZTR84

來源

2010-11-29 05:02:10

需要具有特定功能的日期/時間選取器

回答

相關問題