jQuery MiniUI是一個基于jQuery的UI組件庫,提供了豐富的組件,其中包括了日期時間組件。該組件提供了多種日期時間選擇方式,如年月日選擇、日期時間選擇、時間選擇等等,可以滿足各種不同需求的日期時間選擇。
在使用日期時間組件時,我們需要引入mini-datepicker和mini-timepicker兩個文件。其中,mini-datepicker是用于日期選擇的組件,mini-timepicker是用于時間選擇的組件。
//引入mini-datepicker和mini-timepicker組件
日期選擇組件的使用方法如下:
//初始化日期選擇框 mini.parse(); var datepicker = mini.get("datepicker1"); //設置日期選擇方式為年月日 datepicker.setFormat("yyyy-MM-dd"); //設置默認日期為當前日期 datepicker.setValue(new Date()); //獲取選擇的日期 var selectedDate = datepicker.getValue();
時間選擇組件的使用方法如下:
//初始化時間選擇框 mini.parse(); var timepicker = mini.get("timepicker1"); //設置默認時間為當前時間 timepicker.setValue(new Date()); //獲取選擇的時間 var selectedTime = timepicker.getValue();
通過以上代碼,我們可以輕松地實現日期時間選擇功能,并獲取用戶選擇的日期和時間。