DateTimePicker 日期格式设置

DateTimePicker 是 bootstrap 插件库中一款非常好用的日期控件,支持各种日期格式的显示,而且样式也比较美观。

在 bootstrap 中,日期样式布局代码如下:

<div class="input-group date" style="width:200px;">
	<input autocomplete="off" class="form-control" type="text" id="datetime" />
	<span class="input-group-addon"><i class="glyphicon glyphicon-calendar"></i></span>
</div>

显示年/月/日格式的 js 代码如下:

$("#datetime").datetimepicker({
	language:'zh-CN',
	autoclose:true,
	minView:2,
	format:'yyyy-mm-dd'
});

显示年/月的 js 代码如下:

$("#datetime").datetimepicker({
	language:'zh-CN',
	autoclose:true,
	minView:3,
	startView:3,
	format:'yyyy-mm'
});

只显示年的 js 代码如下:

$("#datetime").datetimepicker({
	language:'zh-CN',
	autoclose:true,
	minView:4,
	startView:4,
	format:'yyyy'
});

显示年/月/日/时 js 代码如下:

$("#datetime").datetimepicker({
	language:'zh-CN',
	autoclose:true,
	minView:1,
	format:'yyyy-mm-dd hh:00:00'
});

管理员

转载请注明出处!如果本博文或者本站对您(网站)的内容/素材构成侵权,请第一时间与本博主联系!

Press ESC to close