現在的html5 input標簽支持type="date" 顯示有日期的日歷控件，一行簡單的代碼就能顯示出一個日歷控件，但是有的時候需要給它一個默認的日期值，這個時候可能就要用到val()， attr("value","")等方法，有可能很多人會不成功，其實并不是這個標簽不支持這些賦值的方法，而是賦值的時候字符串的格式有問題。

解決辦法：一說就明白，一般我們用new Date().getMonth() new Date().getDate()方法獲得日期的時候如果日期與月數小于10，則默認顯示為1，2，3，4，5，6，7，8，9 所以日期的格式可能就是2013-9-5。而Input type="date"標簽中支持顯示的日期格式為2013-09-05，把這個值傳給input標簽就能夠正常顯示日期的值了，所以這里要加一個判斷，如果月數或者日期數是小于10的，就要在其前面添加數字0構成字符串，這樣就能賦值后正常顯示了。

var now = new Date(); alert(now.getDate()+'-'+now.getMonth()); //格式化日，如果小于9，前面補0 var day = ("0" + now.getDate()).slice(-2); //格式化月，如果小于9，前面補0 var month = ("0" + (now.getMonth() + 1)).slice(-2); //拼裝完整日期格式 var today = now.getFullYear()+"-"+(month)+"-"+(day) ; //完成賦值 $('#createStartTime').val(today);

總結

以上是生活随笔為你收集整理的HTML中INPUT type=date标签如何赋值注意问题的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。