jQuery DateTime控件是一款基于jQuery的日期時間選擇器插件,可以幫助web開發人員快速實現日期時間選擇功能。該插件支持多種日期時間格式,包括ISO-8601、UNIX時間戳、日期時間字符串等。
使用jQuery DateTime控件非常簡單,只需在HTML文件中引入jQuery庫和DateTime插件,然后定義一個HTML元素作為日期時間選擇器的容器即可:
<input type="text" id="datetimepicker"> <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-datetimepicker/2.5.20/jquery.datetimepicker.full.min.js"></script> <script> $('#datetimepicker').datetimepicker(); </script>
通過以上代碼,我們就可以在頁面上看到一個簡單的日期時間選擇控件。控件上方有一個文本框,可以手動輸入日期時間,控件下方則是一個日歷和一個時間選擇器,支持圖形化選擇日期和時間。
有一些常用的控件選項可以通過JavaScript對象的方式進行配置,例如時間格式、最小日期、最大日期、默認值等。例如下面的代碼將控件的時間格式設置為"Y-m-d H:i:s":
$('#datetimepicker').datetimepicker({ format: 'Y-m-d H:i:s' });
總的來說,jQuery DateTime控件是一款非常實用的插件,可以輕松實現日期時間選擇功能。它的默認樣式非常簡潔美觀,同時也提供了一些自定義選項,可以滿足不同需求。