jQuery是一款非常強大的JavaScript庫,廣泛應用于Web開發中。在Web應用中,經常需要用到時間控件。今天我們就來學習一下如何使用jQuery實現一個input時間控件。
<!-- 引入jQuery庫 --> <script src="https://code.jquery.com/jquery-3.5.1.min.js"></script> <!-- 引入時間控件CSS --> <link rel="stylesheet" href="datepicker.css"> <!-- 引入時間控件JS --> <script src="datepicker.js"></script> <!-- 創建input --> <input type="text" id="demo"> <!-- 使用時間控件 --> <script> $('#demo').datepicker(); </script>
如上所示,我們首先需要引入jQuery庫,然后引入時間控件的CSS和JS文件。接著,在頁面中創建一個input元素,并設置其id為“demo”。最后,在JavaScript中,通過jQuery選擇器選中這個input元素,然后調用datepicker()方法即可使用時間控件了。