input框中自動展示當前日期yyyy/mm/dd的實現(xiàn)方法
更新時間：2017年07月06日 07:40:21 投稿：jingxian
下面小編就為大家?guī)硪黄猧nput框中自動展示當前日期yyyy/mm/dd的實現(xiàn)方法。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
直接上代碼：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>input框中自動展示當前日期</title>
</head>
<body>
<input type="text" id="input">
<script>
//獲取input元素
var _input = document.getElementById('input');
var date = new Date();
var seperator = "/";
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 + seperator + month + seperator + strDate; //當前日期
_input.value = currentDate; //賦值給input.value
_input.setAttribute('disabled', 'disabled'); //不可編輯
</script>
</body>
</html>
這里注意，getMonth()方法，使用本地時間。返回值是 0（一月） 到 11（十二月） 之間的一個整數(shù)。
以上這篇input框中自動展示當前日期yyyy/mm/dd的實現(xiàn)方法就是小編分享給大家的全部內(nèi)容了，希望能給大家一個參考，也希望大家多多支持腳本之家。
相關(guān)文章
日期函數(shù)擴展類Ver0.1.1...2006-09-09
微信小程序云開發(fā)實現(xiàn)微信支付功能業(yè)務(wù)邏輯可靠
這篇文章主要介紹了微信小程序云開發(fā)實現(xiàn)微信支付功能，云開發(fā)來開發(fā)微信小程序時，如何實現(xiàn)微信支付，并且保證業(yè)務(wù)邏輯可靠，本文通過實例代碼給大家介紹的非常詳細，需要的朋友參考下吧2022-05-05
使用JavaScript實現(xiàn)node.js中的path.join方法
Node.JS中的 path.join 非常方便，能直接按相對或絕對合并路徑，有時侯前端也需要這種方法，如何實現(xiàn)呢？感興趣的朋友跟隨腳本之家小編一起看看吧2018-08-08
原生JS實現(xiàn)移動端web輪播圖詳解（結(jié)合Tween算法造輪子）
在做移動端開發(fā)的時候，必不可少的是輪播圖，下面這篇文章主要給大家介紹了關(guān)于利用純JS實現(xiàn)移動端web輪播圖的相關(guān)資料，重要的是結(jié)合Tween算法造輪子，文中通過示例代碼介紹的非常詳細，需要的朋友可以參考借鑒，下面來一起看看吧。2017-09-09
這篇文章主要介紹了基于JS開發(fā)微信網(wǎng)頁錄音功能的實例代碼,代碼簡單易懂，非常不錯，具有一定的參考借鑒價值，需要的朋友可以參考下2019-04-04
javascript自定義in_array()函數(shù)實現(xiàn)方法
這篇文章主要介紹了javascript自定義in_array()函數(shù)實現(xiàn)方法,涉及javascript數(shù)組的遍歷與查找相關(guān)技巧,具有一定參考借鑒價值,需要的朋友可以參考下2015-08-08
這篇文章主要介紹了javascript針對cookie的基本操作,結(jié)合實例形式較為詳細的分析了JavaScript操作cookie的基本技巧,并給出了一個JavaScript操作cookie的完整類,具有一定參考借鑒價值,需要的朋友可以參考下2015-11-11
這篇文章主要介紹了Electron實現(xiàn)文件復制到剪切板的解決方案,文中通過代碼示例講解的非常詳細,對大家的學習或工作有一定的幫助,需要的朋友可以參考下2024-11-11
這篇文章主要介紹了關(guān)于moment.js的常用方法及說明，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2022-12-12
這篇文章主要介紹了微信小程序http連接訪問解決方案的示例，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2018-11-11