今天領導讓我把當前的input框當中的時間設置為當前日期。於是就找相關的資料,最后解決了,在這里記錄一下:
<input id="beginDate" name="beginDate" class="Wdate" type="text" onClick="WdatePicker()" readonly />
<label class="label-text">至</label>
<input id="endDate" name="endDate" dateCheck="dateCheck" class="Wdate" type="text" onClick="WdatePicker()" readonly />
在這里我們的日歷采用的是 WdatePicker(),但是在初始化的時候給這個時間框賦初始值,這是時候我們就想着能不能給這個時間置為當前日期:
於是就找到相關的js代碼如下:
<script type="text/javascript"> var beginDate = document.getElementById("beginDate"); var endDate = document.getElementById("endDate"); var date = new Date(); var year = date.getFullYear(); var month = date.getMonth() + 1; var strDate = date.getDate(); if (month >= 1 && month <= 9) { month = "0" + month; } if (strDate >= 0 && strDate <= 9) { strDate = "0" + strDate; } var currentdate = year + month + strDate; beginDate.value = currentdate; endDate.value = currentdate; </script>
在上面對當前的日期進行操作,設置成我們想要的格式。效果如下:
至此,問題解決,上面的代碼也可以采用jquery的形式去寫也可以。