- 喜欢上datetimepicker源自于对bootstrap的喜欢。
- 一款简单到爆的时间空间
- 引入jq
- 引入bootstrap
- 引入datetimepicker和bootstrap-datetimepicker.zh-CN语言包
库文件 密码：c9m5
官网：http://www.bootcss.com/p/bootstrap-datetimepicker/
简单实例两个，和这里有关系，是动态拿取本地时间的呢。看这里
//time时间插件
$('#datetimepicker').datetimepicker({
minView: "month", //很关键，如果不限制到月视图，它默认是到小时的。
todayHighlight:true,
language:'zh-CN',
format:'yyyy-mm-dd',
autoclose: true,
}).val(begintime); $('#dateEnd').datetimepicker({
minView: "month",
todayHighlight:true,
language:'zh-CN',
format:'yyyy-mm-dd',
autoclose: true,
}).val(endtime);
补充：只显示到时分秒
效果图
代码：
因为使用了vue
const _this=this;
$('.form_time').datetimepicker({
language: 'zh-CN',
weekStart: 1,
todayBtn: 1,
autoclose: 1,
todayHighlight: 1,
startView: 1,
minView: 0,
maxView: 1,
forceParse: 0
}).on("hide",function () {
_this.TradeTime=$(this).val();
}).val(_this.TradeTime);