本章 我将介绍的是：datepicker/datetimepicker
效果图就是这个样子
丑吧，我也觉得丑。哈哈
下载地址：http://www.bootcss.com/p/bootstrap-datetimepicker/
-------此处省略各种引用，依赖（突然间不想写了，大家看下载的demo就知道了嘛）-------
哈哈，下面来大概介绍下我用到的基础功能：
出行时间：
至
效果图就是这个样子
js:
//日期控件设置
$("#startTime").datepicker({
onSelect: function(selectedDate) {
var minDate = new Date(selectedDate);
var maxDate = new Date(minDate);
maxDate = new Date(maxDate.setMonth(maxDate.getMonth() + 3));
$("#endTime").datepicker("option", "minDate", minDate);
$("#endTime").datepicker("option", "maxDate", maxDate);
}
});
$("#endTime").datepicker({
onSelect: function(selectedDate) {
$("#startTime").datepicker("option", "maxDate", selectedDate);
}
});
大致就是控制，结束时间范围为：选中的开始时间以及往后的3个月内。
开始时间最大，控制为结束时间的选中日期，也就是同一天啦。不能再往后了呢。
--------------part1
接下来再给大家介绍一个带具体时间的。
依然上效果图：
丑吧，我也觉得丑。哈哈
js：
$("#tripTimeStr").datetimepicker({
autoclose:true,
startDate: new Date()
});
//默认当前时间20分钟后
var
$("#tripTimeStr").val(fecha.format(today.setMinutes(today.getMinutes() + 20, today.getSeconds(), 0),'YYYY-MM-DD HH:mm:ss'));
--------------------------完美
本来想贴上html代码的，结果自动编译了，大家自行F12
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
