1. 程式人生 > >HTML中INPUT type="date"標簽如何賦值註意問題(轉)

HTML中INPUT type="date"標簽如何賦值註意問題(轉)

顯示 註意 但是 格式 日歷 htm pre sdn reat

現在的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);  

原文地址:https://blog.csdn.net/yusirxiaer/article/details/72640051

HTML中INPUT type="date"標簽如何賦值註意問題(轉)