码迷,mamicode.com
首页 > 其他好文 > 详细

bootstrap-datetimepicker 时间控件的简单实用

时间:2017-09-21 16:39:04      阅读:166      评论:0      收藏:0      [点我收藏+]

标签:页面   zh-cn   div   ima   styles   lib   date   结构   实用   

1.引包
<link rel="stylesheet" href="../lib/css/conmon.css">
<link rel="stylesheet" href="../lib/css/bootstrap.min.css">
<link rel="stylesheet" href="../lib/bootstrap-datetimepicker/bootstrap-datetimepicker.min.css">
 
<script src="../lib/js/jquery-2.1.4.min.js"></script>
<script src="../lib/js/bootstrap.min.js"></script>
<script src="../lib/bootstrap-datetimepicker/bootstrap-datetimepicker.min.js"></script>
<script src="../lib/bootstrap-datetimepicker/bootstrap-datetimepicker.zh-CN.js"></script>
 
2 页面结构

<input type="text" value="" id="datetimepicker">  年月日
<input type="text" value="" id="datetimepicker1">年月
<input type="text" value="" id="datetimepicker2">年
 
3.调用方法
$(‘#datetimepicker‘).datetimepicker({
format:‘yyyy-mm-dd‘,
autoclose:true,//自动关闭
minView:2,//最精准的时间选择为日期0-分 1-时 2-日 3-月
weekStart:0,

 
});
 
$(‘#datetimepicker1‘).datetimepicker({
format:‘yyyy-mm‘,
autoclose:true,//自动关闭
minView:3,//最精准的时间选择为日期0-分 1-时 2-日 3-月
weekStart:0,
startView:3,
language:‘zh-CN‘
 

 
});
 
$(‘#datetimepicker2‘).datetimepicker({
format:‘yyyy‘,
autoclose:true,//自动关闭
minView:4,//最精准的时间选择为日期0-分 1-时 2-日 3-月
weekStart:0,
startView:4
 
});


 
简单实用, http://www.cnblogs.com/benyu-aimao/p/4095583.html  

bootstrap-datetimepicker 时间控件的简单实用

标签:页面   zh-cn   div   ima   styles   lib   date   结构   实用   

原文地址:http://www.cnblogs.com/zhuwu/p/7569121.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!