標籤：div 注意 class tle document 設定 cal maximum date()
二狗在最近的項目以html5和webapp為主，並接觸到了input新增type值的使用，下面就把這些玩意一一以執行個體列舉出來
一：type = date:定義日期：年-月-日
input type="date"可以擷取年月日的值，也可以給它的value設定自訂的值哦。
注意：如果你想給input設定你自訂的value值，自訂的值的格式 一定要和input type=date的格式 一樣才行。
<!doctype html><html><head><meta charset="UTF-8"><title></title><meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" /><script src="js/jquery.js"></script></head><body>定義日期欄位<input type="date" id="myDate"/></body><script>$(document).ready(function(){var date = new Date();var myDate = date.getFullYear() + "-" + (date.getMonth()+1) + "-" + date.getDate();
//這裡的myDate的格式一定要是"year-month-day"console.log(myDate);$("#myDate").val(myDate); //將當前日期賦值給input$("#myDate").change(function(){ //這個函數我是為了將input的結果輸出來var val = $("#myDate").val();console.log(val); })})</script></html>
二：一：type = time:定義時間：時:分
<!doctype html><html><head><meta charset="UTF-8"><title></title><meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" /><script src="js/jquery.js"></script></head><body><br />定義日期欄位的時、分、秒（帶有 time 控制項）<input type="time" id="myTime"/></body><script>$(document).ready(function(){var date = new Date();var myTime = date.getHours() + ":" + (date.getMinutes());
//這裡的myTime 的"格式一定要是 hours:minutes"console.log(myTime);$("#myTime").val(myTime);$("#myTime").change(function(){var val = $("#myTime").val();console.log(val);})})</script></html>
html5中input新增type值的使用
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
