Input 類型 - Date Pickers(日期選擇器)
創(chuàng)新互聯(lián)建站專業(yè)為企業(yè)提供尼瑪網(wǎng)站建設、尼瑪做網(wǎng)站、尼瑪網(wǎng)站設計、尼瑪網(wǎng)站制作等企業(yè)網(wǎng)站建設、網(wǎng)頁設計與制作、尼瑪企業(yè)網(wǎng)站模板建站服務,10年尼瑪做網(wǎng)站經(jīng)驗,不只是建網(wǎng)站,更提供有價值的思路和整體網(wǎng)絡服務。
HTML5 擁有多個可供選取日期和時間的新輸入類型:
date - 選取日、月、年
month - 選取月、年
week - 選取周和年
time - 選取時間(小時和分鐘)
datetime - 選取時間、日、月、年(UTC 時間)
datetime-local - 選取時間、日、月、年(本地時間)
Date: input type="date" name="user_date" /
Datepicker 的選項中有一個 minDate(最小日期),如果你把 minDate 設為當前日期,之前的日期就都不能選了。
minDate 可以為
1、日期對象,例如 new Date()
2、也可以是整數(shù),例如 3 代表 3 天后,-1 代表昨天,0 代表今天
3、也可以是字符串,例如 1w 代表 1 星期后,-2m 代表 兩個月之前
所以你的問題,可以設置為日期對象(當前)或者0。
$("#ele").datepicker({
minDate: new Date()
});
或者
$("#ele").datepicker({
minDate: 0
});
input type="date"這就會自帶日期控件了。。。
HTML5 擁有多個供選擇日期和時間的新的輸入類型:
date - 選擇日、月、年
month - 選擇月、年
week - 選擇周、年
time - 選擇時間(時、分)
datetime - 選擇時間、日期、月、年(UTC 時間)
datetime-local - 選擇時間、日期、月、年(本地時間)
你可以試試不同類型出來的效果,,
如果想要更好看的,那只能去搞個jquery的日期控件來用了,畢竟做得比較成熟,,
但是個人還是很喜歡html5這個新屬性,,一句短短的就搞定了,,
不過有一個不好處就是,不同的瀏覽器渲染出來的效果有些差別。。。。