JavaScript實現(xiàn)input框獲取系統(tǒng)默認年月日時分秒

這是對舊的已上線項目的維護之中優(yōu)化的一個部分,要求是在input框里面默認當前系統(tǒng)的時間。實現(xiàn)如下圖所示的效果。


我這里用的是一款日歷插件:jedate-開始使用一款好用的時間插件:http://www.itdecent.cn/p/961c3f364e2a,在實際運用之中,需要在input里面默認年月日,或者默認時分秒。

方法:

   //時間選擇
        var mydateInput = document.getElementById("startTime");
        var date = new Date();
        var dateString = date.getFullYear() + "/" + (date.getMonth() + 1) + "/" + date.getDate() + "  " + date.getHours() + ":" + date.getMinutes() + ":" + date.getSeconds();
        mydateInput.value = dateString;
        

html

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title></title>
        <script src="jedate/jedate.js"></script>
    </head>

    <body>
        <input type="text" class="form-control input-medium" placeholder="開始時間" name="" id="startTime" />
        <input type="text" class="form-control input-medium" placeholder="結束時間" name="" id="endTime" />

    </body>
    <script type="text/javascript">
        jeDate({
            dateCell: "#startTime",
            //format: "YYYY-MM-DD ", //控制是否顯示小時
            format: "YYYY-MM-DD hh:mm:ss", //控制是否顯示小時
            isTime: true
        })

        jeDate({
            dateCell: "#endTime",
            //format: "YYYY-MM-DD ", //控制是否顯示小時
            format: "YYYY-MM-DD hh:mm:ss", //控制是否顯示小時
            isTime: true
        })

        //時間選擇
        var mydateInput = document.getElementById("startTime");
        var date = new Date();
        var dateString = date.getFullYear() + "/" + (date.getMonth() + 1) + "/" + date.getDate() + "  " + date.getHours() + ":" + date.getMinutes() + ":" + date.getSeconds();
        mydateInput.value = dateString;

        var mydateInputs = document.getElementById("endTime");
        var dates = new Date();
        var dateStrings = dates.getFullYear() + "/" + (dates.getMonth() + 1) + "/" + dates.getDate() + "  " + date.getHours() + ":" + date.getMinutes() + ":" + date.getSeconds();
        mydateInputs.value = dateStrings;
    </script>

</html>

原文作者:祈澈姑娘 技術博客:http://www.itdecent.cn/u/05f416aefbe1
90后前端妹子,愛編程,愛運營,文藝與代碼齊飛,魅力與智慧共存的程序媛一枚。
堅持總結工作中遇到的技術問題,堅持記錄工作中所所思所見,對于博客上面有不會的問題,可以加入qq群聊來問我:473819131。

?著作權歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務。

相關閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容