HTML5之日曆控制項

html5定義了幾個與日期有關的新控制項。支援日期控制項的瀏覽器會提供乙個方便的下拉式日曆，供使用者選擇。

以下測試和截圖都是在谷歌瀏覽器完成的，其他瀏覽器可能略有差異。

js操作**：

//

獲取日期控制項物件
var otimer = document.getelementbyid("mytime");
console.log(otimer);
//獲取時間值字串
var value =otimer.value;
console.log(value);
//獲取時間戳
var time = new
date(otimer.value).gettime();
console.log(time);
//賦值操作
otimer.value = "2018-04-28t13:59:59";

（1）就是獲取到的時間值字串是這樣的，類似於「2018-04-28t01:00」，中間帶有乙個t，並且不帶秒。

（2）這個控制項時間手動選擇的時候不能精確到秒，

，但是採用賦值操作的時候通過給定含秒的字串，例如「2018-04-28t13:59:59」就可以精確到秒顯示，

獲取日期控制項物件

var otimer = document.getelementbyid("mytime");

console.log(otimer);

//獲取時間值字串

var value =otimer.value;

console.log(value);

//獲取時間戳

var time = new

date(otimer.value).gettime();

console.log(time);

//賦值操作

otimer.value = "2018-04-28";

注意事項：

（1）該控制項獲取到的時間值字串是類似這樣的格式：2018-04-27。

（2）當我們在時間控制項裡選擇時間如：2018-04-27，然後用這個時間獲取的時間戳設定時間物件new date(time)，生成的時間卻是sat apr 27 2018 08:00:00 gmt+0800 (中國標準時間)，通過一些方法進行格式化後是這樣的2018-04-27 08:00:00，這可能和我們國家的時間控制項按北京時間進行了一些修改有關。

（3）日期控制項也支援min和max屬性，表示可設定的最小和最大時間。

注意事項：

（1）該控制項無法獲取時間戳。

（2）這個控制項時間手動選擇的時候不能精確到秒，

，但是採用賦值操作的時候通過給定含秒的字串，例如「13:59:59」就可以精確到秒顯示，

iOS控制項之日曆

這裡是我封裝的collectionview,繼承uicollectionview 首先是.h檔案 import inte ce thccalendar uicollectionview property nonatomic,assign nsinteger year property nonatom...

web頁面控制項之日曆控制項

web頁面開發中一般需要引用日曆，如根據乙個日期或時間，或者根據乙個日期範圍或時間範圍，查詢業務資料。下面介紹一下使用日曆控制項的使用。1.頁面中引入構件的相關js庫 樣式 2.頁面中引用日曆控制項 前後時相 id beforedate value nf cus wdatepicker class ...

HTML5新增表單控制項

doctype html html lang en head meta charset utf 8 meta name viewport content width device width,initial scale 1.0 title html5新增表單控制項 title head body f...