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

最新推荐文章于 2025-03-31 09:31:38 发布

Lx_strive

最新推荐文章于 2025-03-31 09:31:38 发布

阅读量3.2k

点赞数 1

分类专栏： Django

本文链接：https://blog.youkuaiyun.com/weixin_41827390/article/details/81317380

版权

本文介绍如何在Django后台管理界面中集成Bootstrap-datepicker，实现高效易用的时间选择功能。通过引入前端文件并进行相应配置，提升用户体验。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

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 news