timepicker是datepicker的一个插件,须要单独下载,可datepicker配合使用的话,能够实现用户精确到秒的时间选择,首先来看一下两个很重要的图片:html
文件目录结构图片:布局
该功能须要映入的文件:插件
实现该功能:htm
添加页面布局的html,以下图:图片
2.添加js:首先将两个文本框初始化为timepicker;而后判断结束时间必定要大于或者等于开始的时间,以下图:页面布局