HTML5提供了一系列时间控件date、time、datetime-local、datetime、month、week ,但是都没有进行控件的初始化。
现在以最常使用的date、time控件为例,进行时间控件的初始化。
<!doctype html> <html> <head> <meta charset="UTF-8"> <title>初始化时间控件</title> </head> <body> <input type="date" id="nowDate"/> <input type="time" id="nowTime" /> <script src="jquery-2.0.3.min.js"></script> <script> //初始化时间控件 var now = new Date() ; var nowYear = now.getFullYear() ; //年 var nowMonth = now.getMonth()+1<10?"0"+(now.getMonth()+1):now.getMonth() ; //月 var nowDay = now.getDate()<10?"0"+now.getDate():now.getDate() ; //日期 var nowHour = now.getHours()<10?"0"+now.getHours():now.getHours() ; //时 var nowMinute = now.getMinutes()<10?"0"+now.getMinutes():now.getMinutes() ; //分 var nowDate = nowYear+"-"+nowMonth+"-"+nowDay ; var nowTime = nowHour+":"+nowMinute; $("#nowDate").val(nowDate) ; $("#nowTime").val(nowTime) ; </script> </div> </body> </html>
时间: 2024-10-11 18:00:05