jQuery是一款非常流行的JavaScript庫,它為網站開發提供了很多便利和簡化,其中之一就是簡化input日期控件的開發。在本文中,我們將介紹如何使用jQuery input日期控件。
// 引入jQuery庫 <script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.6.0/jquery.min.js"></script>// 引入jquery-ui庫 <script src="https://cdn.bootcdn.net/ajax/libs/jqueryui/1.12.1/jquery-ui.min.js"></script>// 引入jquery-ui.css文件 <link rel="stylesheet" >
通過以上代碼,我們已經將jQuery、jQuery-UI庫和CSS文件引入了我們的網站,接下來我們就可以編寫HTML代碼,添加日期控件了:
// HTML代碼 <input type="text" id="date-picker">// JS代碼 $(function() { $('#date-picker').datepicker({ dateFormat: "yy-mm-dd" }); });
在這段代碼中,我們使用了jQuery-UI庫提供的datepicker()函數來添加日期控件,該函數的第一個參數是要添加日期控件的輸入框的ID,第二個參數是一個配置對象,我們在配置對象中指定了日期的格式為年-月-日。
通過以上步驟,我們就可以成功地添加input日期控件到我們的網站中了。需要注意的是,我們在使用jQuery-UI庫時,必須要引入jQuery庫,否則代碼將無法運行。
下一篇css動畫拉出