<link type="text/css" rel="stylesheet" href="./bootstrap/css/bootstrap.min.css"> <script type="text/javascript" src="./bootstrap/js/bootstrap.min.js"></script> <link type="text/css" rel="stylesheet" href="./bootstrap-datetimepicker-master/css/bootstrap-datetimepicker.min.css"> <script type="text/javascript" src="./bootstrap-datetimepicker-master/js/bootstrap-datetimepicker.min.js"></script> <script type="text/javascript" src="./bootstrap-datetimepicker-master/js/bootstrap-datetimepicker.zh-CN.js"></script>
<form class="form-inline" style="margin-bottom: 10px;"> <div class="form-group"> <label for="user_date">年月</label> <input type="text" class="form-control" value="" readonly id="datetimepicker" data-date-format="yyyy-mm"> </div> <button type="button" id="submit" class="btn btn-primary">确定</button> </form> <div id="container" style="height: 700px;padding:0px;width:100%">content</div>
<script type="text/javascript">
//bootstrap日期插件 开始 $('#datetimepicker').datetimepicker({ format: 'yyyy-mm', startView: 'decade', //表示起始范围 0为日 1为月 2为年 decade年 minView: '3', //从日开始选择 分:0, 时:1 ,日:2,月:3 ,年:4 , Number, String类型 //如果想显示年月视图 minView: '3', 如果想显示年视图 minView:'decade'或者'4' language: 'zh-CN', autoclose: true //选择一个日期之后是否立即关闭日期选择器 }).on('changeDate',function(ev){ var datetimepicker = $('#datetimepicker').val(); $('#datetimepicker').datetimepicker('hide'); }); //当前月份的上一个月 var d = new Date(); var y = d.getFullYear(); var m = d.getMonth(); var nowDate = y + '-' + m; console.log('nowDate',nowDate); if(m == 0){ y = y-1; nowDate = y + '-' + 12; } //设置值为当前月份的上一个月 $('#datetimepicker').datetimepicker('setDate', new Date(nowDate)); //把要设置的默认值放入new Date()里面 //日期插件 结束
</script>