标签:完整 date cal 视图 day r.js 日期时间 auto files
下面是个简单的Demo, bootstrap-datetimepicker的具体使用 还是根据官方提供的文档 http://www.bootcss.com/p/bootstrap-datetimepicker/index.htm
<!DOCTYPE html> <html lang="en"> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <!-- Meta, title, CSS, favicons, etc. --> <meta charset="utf-8"> <script src="https://blog-static.cnblogs.com/files/We612/bootstrap-datetimepicker.zh-CN.js"></script>
<script src="https://blog-static.cnblogs.com/files/We612/bootstrap-datetimepicker.js"></script>
<script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js">
</script> </head> <body class="nav-md"> <input class="calendar" value="" id="rz1"> <script> $(function () {
$(".calendar").datetimepicker({
language: ‘zh-CN‘,
format: ‘yyyy-mm-dd hh:ii‘,//显示格式
todayHighlight: 1,//今天高亮
minView: 0,//设置显示到分钟
startView: 2,
weekStart: 1,
forceParse: 0,
showMeridian: 1,
autoclose: 1,
});
}) </script> </body> </html>
minView 默认值:0,‘小时‘ 就是说我们可以选择到小时下的分钟 比如2018-12-20 12:05
minView: "month", 规定我们能够选择到某月某日 比如2018-12-20
todayHighlight 布尔。默认值:false 如果为true,高亮当前日期。
language 默认值:‘en‘
minuteStep 数。默认值:5 此数值被当做步进值用于构建小时视图。每个对于minuteStep
都会生成一组预设时间(分钟)用于选择。
autoclose: 布尔。默认值:false 当选择一个日期之后是否立即关闭此日期时间选择器
startView 数字,字符串。默认值:2,‘月‘ 日期时间选择器打开之后首先显示的视图。可接受的值:
weekStart 整数。默认值:0 一周从哪一天开始0.0(星期日)到6(星期六)
format 输出的时间格式 默认值:‘mm / dd / yyyy‘ 还可以如下格式:
日期格式,p,P,h,hh,i,ii,s,ss,d,dd,m,mm,M,MM,yy,yyyy的任意组合。
日历插件bootstrap-datetimepicker的使用感悟
标签:完整 date cal 视图 day r.js 日期时间 auto files
原文地址:https://www.cnblogs.com/We612/p/10142894.html