bootstrap datetimepicker学习

最新推荐文章于 2022-04-04 19:32:43 发布

胖鹅68

最新推荐文章于 2022-04-04 19:32:43 发布

阅读量358

点赞数

本文链接：https://blog.csdn.net/hbiao68/article/details/52683456

版权

文章参考

http://blog.csdn.net/feng1603/article/details/41869523

http://blog.csdn.net/tszxlzc/article/details/50774375

http://www.malot.fr/bootstrap-datetimepicker/

$('#startStudyDate111').datetimepicker({
			format: 'yyyy/mm',
			weekStart: 1,
			autoclose: true,
			startView: 4,
			minView: 4,
			forceParse: false,
			todayBtn:  1,
			language: 'zh-CN'
		});

$('#endStudyDate222').datetimepicker({
			Format: 'yyyy-mm',
			weekStart: 1,
			autoclose: true,
			startView: 3,
			minView: 3,
			forceParse: false,
			todayBtn:1,
			language: 'zh-CN'
		});

$('#endStudyDate555').datetimepicker({
			autoclose: true,
			startView: 0,
			minView: 0,
			forceParse: false,
			minuteStep : 5,
			todayBtn:1,
			language: 'zh-CN'
		});

$('#endStudyDate666').datetimepicker({
			autoclose: true,
			startView: 1,
			minView: 0,
			forceParse: false,
			minuteStep : 2,
			todayBtn:1,
			language: 'zh-CN'
		});

$('#endStudyDate333').datetimepicker({
			Format: 'yyyy-mm-dd',
			weekStart: 1,
			autoclose: true,
			startView: 2,
			minView: 2,
			forceParse: false,
			todayBtn:1,
			language: 'zh-CN'
		});

<div class="add_edu_item margin_top_20">
	<div class="width_100px float_left text-right padding_right_15">
		时间<span class="color_e5005a">*</span>
	</div>
	<div class="margin_left_100">
		<input type="text" id="startStudyDate111" data-date-format="yyyy-mm">
		<span>到</span>
		<input type="text" id="endStudyDate222" data-date-format="yyyy-mm">
	</div>
</div>

备注：

data-date-format="yyyy-mm" 表示选中日期之后显示的格式。

startView

Number, String. 默认值：2, ‘month’

日期时间选择器打开之后首先显示的视图。可接受的值：

0 or ‘hour’ for the hour view

1 or ‘day’ for the day view

2 or ‘month’ for month view (the default)

3 or ‘year’ for the 12-month overview

4 or ‘decade’ for the 10-year overview. Useful for date-of-birth datetimepickers.

minView

Number, String. 默认值：0, ‘hour’