bootstrap-datetimepicker time period settings

Start time and end time can only be selected within a month range

 

~

$('#dateFrom').datetimepicker({  
    language:'zh-CN',
    format: 'yyyy-mm-dd', // Display format 
    todayHighlight: 1, // Highlight today 
    minView: 2, // Set to display only to the month 
    startView:2 ,
    autoclose: true , // Auto close after selection 
    clearBtn: true , // Clear button 
    endDate : new Date()
}).on('changeDate',function(e){
    var startTime = e.date;
    $('#dateTo').datetimepicker('setStartDate',startTime);
    startTime.setMonth(startTime.getMonth()+1);
    $('#dateTo').datetimepicker('setEndDate',startTime);
});
// End time:   
 $('#dateTo' ).datetimepicker({
    language:'zh-CN',
    format: 'yyyy-mm-dd',
    minView: 2 ,
    startView: 2 ,
    autoclose: true,
    clearBtn:true
}).on('changeDate',function(e){
    var endTime = e.date;  
    $('#dateFrom').datetimepicker('setEndDate',endTime);
    endTime.setMonth(endTime.getMonth()-1);
    $('#dateFrom').datetimepicker('setStartDate',endTime);
});

 

Guess you like

Origin http://43.154.161.224:23101/article/api/json?id=325294859&siteId=291194637