Bootstrap-datepicker集成Django后台管理时间控件

function CmsNewsList() {
    
}


CmsNewsList.prototype.initDataPicker = function(){
    var startPicker = $('#start-picker');
    var endPicker = $('#end-picker');
    var todayDate = new Date();
    var todayStr = todayDate.getFullYear() + '-' + (todayDate.getMonth()+1) + '-' + todayDate.getDate();
    var options = {
        'showButtonPanel': true,
        'format': 'yy-mm-dd',
        'startDate': '',
        'endDate': todayStr,
        'language': 'zh-CN',
        'todayBtn': 'linked',
        'todayHighlight':true,
        'clearBtn': true,
        'autoclose':true,
    };

    startPicker.datepicker(options);
    endPicker.datepicker(options);
};

CmsNewsList.prototype.run = function () {
    this.initDataPicker();
};

$(function () {
   var newsList = new CmsNewsList();
   newsList.run();
});

前端代码导入需要的文件

 
    
    
    
--

显示效果

Bootstrap-datepicker集成Django后台管理时间控件_第1张图片

你可能感兴趣的:(Django)