本文共 1286 字，大约阅读时间需要 4 分钟。

一、说明

smalot 版的datetimepicker控件是对原有的 改进增强。

原项目对于选择年份、选择月份没做处理。

Git源代码地址：

CSDN地址：

官网：

中文网：

引用如下：

二、使用示例：

1.选择到时间

   
    
    
        
     
            
      选择日期 到时间：            
      
                
                       
                                                       
      
        
     
    
    
   

$(function () {    //选择到分钟    $('#date1').datetimepicker({        format: 'yyyy-mm-dd hh:ii', //格式设置        language: 'zh-CN',  //日期    }).on('changeDate', function (ev) {        console.info($('#date1').val()); //获取选择结果，2018-05-05 20:10        console.info(ev.date);//返货js Date 类型GMT格式 ，Thu May 17 2018 10:30:38 GMT+0800 (中国标准时间)        console.info(ev.date.valueOf());//返回 数字格式时间，1526524238000    });});

2.选择月份处理

//选择到分钟$('#date2').datetimepicker({    format: 'yyyy-mm', //格式设置    language: 'zh-CN',  //日期    startView: 3, //开始使用月份面板    minView: 3, //选择到月份    autoclose: true  //是否自动关闭});

• 1 format 格式
• 2 weekStart 一周从哪一天开始
• 3 startDate 开始时间
• 4 endDate 结束时间
• 5 daysOfWeekDisabled 一周的周几不能选
• 6 autoclose 选完时间后是否自动关闭
• 7 startView 选完时间首先显示的视图
• 8 minView 最精确的时间
• 9 maxView 最高能展示的时间
• 10 todayBtn 当天日期按钮
• 11 todayHighlight 当天日期高亮
• 12 keyboardNavigation 方向键改变日期
• 13 language 语言
• 14 forceParse 强制解析
• 15 minuteStep 步进值
• 16 pickerPosition 选择框位置
• 17 showMeridian 是否显示上下午
• 18 initialDate 初始化日期时间

更多：