bootstrap-datetimepicker 日期插件设置默认初始值为上一个月

<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>

猜你喜欢

转载自blog.csdn.net/yijiupingfan0914/article/details/88335567