时间选择器(datetimepicker)的使用

效果图:

时间选择器(datetimepicker)的使用_第1张图片 

时间选择器(datetimepicker)的使用_第2张图片

1.导入需要的文件:

时间选择器(datetimepicker)的使用_第3张图片

2.获取WEB路径,然后在jsp中引入所需js文件:




时间选择器(datetimepicker)的使用_第4张图片

3.导入所需的CSS文件:

时间选择器(datetimepicker)的使用_第5张图片

4.时间选择器输入框:

时间选择器(datetimepicker)的使用_第6张图片

5.设置时间选择器:

//===========点击展示日历选择器==================
		$('.form_datetime').datetimepicker({
			format : 'yyyy-mm-dd hh:ii',
			language : 'zh-CN',
			weekStart : 1,
			todayBtn : 1,
			autoclose : 1,
			todayHighlight : 1,
			defaultDate : new Date(),
			startView : 2,
			forceParse : 0,
			showMeridian : 1
		});
时间选择器(datetimepicker)的使用_第7张图片

你可能感兴趣的:(时间选择器(datetimepicker)的使用)