web開發當中給input的日期時間框賦值為當前日期的js代碼


今天領導讓我把當前的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的形式去寫也可以。

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM