好的插件，应当被记录，那怕他不再流行！

Bootstrap.datetimepicker.js 已封装

H-ui.js 中已封装，无需单独下载。单独下载地址 bootstrap-datetimepicker.js

Bootstrap.datetimepicker.js是一款时间插件。本站提供的已加入（年月日时分秒星期）中文语言，原版的只有英文语言。

使用方法

1、Bootstrap.datetimepicker.js 依赖jQuery或者zepto.js。

js调用

最简单用法

$("#datetimepicker-demo-1").datetimepicker();

只显示年月日

$("#datetimepicker-demo-2").datetimepicker({
  format: "yyyy-mm-dd",
  minView: "month",
  autoclose: true
});

显示年月日时分秒

$("#datetimepicker-demo-3").datetimepicker({
  format: "yyyy-mm-dd hh:ii:ss",
  autoclose: true
});

显示中文

$("#datetimepicker-demo-4").datetimepicker({
  language: "zh-cn",
  autoclose: true
});

设置默认日期

只需要给input 添加 value值即可。

$("#datetimepicker-demo-5").datetimepicker({
  language: "zh-cn",
  format: "yyyy-mm-dd hh:ii",
  autoclose: true
});

input禁用键盘输入

只需要给input 添加 readonly属性即可。

$("#datetimepicker-demo-6").datetimepicker({
  language: "zh-cn",
  format: "yyyy-mm-dd hh:ii",
  autoclose: true
});

显示今天按钮

$("#datetimepicker-demo-7").datetimepicker({
  language: "zh-cn",
  format: "yyyy-mm-dd",
  minView: "month",
  autoclose: true,
  todayBtn: true
});

日期范围设置，开始与结束

-

$("#datetimepicker-startTime").datetimepicker({
  language:  'zh-cn',
  format: 'yyyy-mm-dd',
  minView: "month",
  todayBtn:  true,
  autoclose: true,
  endDate : new Date(),
}).on('changeDate', function(event) {
  event.preventDefault();
  event.stopPropagation();
  var startTime = event.date;
  $('#datetimepicker-endTime').datetimepicker('setStartDate',startTime);
});
$("#datetimepicker-endTime").datetimepicker({
  language:  'zh-cn',
  format: 'yyyy-mm-dd',
  minView: "month",
  todayBtn:  1,
  autoclose: 1,
  endDate : new Date(),
}).on('changeDate', function(event) {
  event.preventDefault();
  event.stopPropagation();
  var endTime = event.date;
  $("#datetimepicker-startTime").datetimepicker('setEndDate',endTime);
});

相关参数