timepicker是datepicker的一個插件,須要單獨下載,可datepicker配合使用的話,能夠實現用戶精確到秒的時間選擇,首先來看一下兩個很重要的圖片:html
文件目錄結構圖片:佈局
該功能須要映入的文件:插件
實現該功能:htm
添加頁面佈局的html,以下圖:圖片
2.添加js:首先將兩個文本框初始化爲timepicker;而後判斷結束時間必定要大於或者等於開始的時間,以下圖:頁面佈局