用datetimepicker之前最好先看看自己用的是哪个datetimepicker,免得出现下面这种悲剧
http://stackoverflow.com/questions/22500662/bootstrap-3-datetimepicker-events-not-firing-up
在于我来说,就没分清startdate和mindate,enddate和maxdate
最新的已经是后者
使用例
http://eonasdan.github.io/bootstrap-datetimepicker/
<script type="text/javascript"> $(function () { $('#datetimepicker6').datetimepicker(); $('#datetimepicker7').datetimepicker({ useCurrent: false //Important! See issue #1075 }); $("#datetimepicker6").on("dp.change", function (e) { $('#datetimepicker7').data("DateTimePicker").minDate(e.date); }); $("#datetimepicker7").on("dp.change", function (e) { $('#datetimepicker6').data("DateTimePicker").maxDate(e.date); }); }); </script>
这次卡在了useCurrent上,因为如果不写这条设置,在设置datetimepicker7的minDate的时候,会将datetimepicker7的值从空白更新成now,触发第2个方法的change,然后会给datetimepicker6设置maxdate为now,导致datetimepicker6无法选择now以后的日期,类似于死循环
插件源码如下
if (options.useCurrent && !options.keepInvalid && date.isBefore(minDate)) { setValue(options.minDate); }
所以,demo里也给出了解决方法,设置useCurrent为false
$('#datetimepicker7').datetimepicker({ useCurrent: false //Important! See issue #1075 });
或者
$('#datetimepicker7').data("DateTimePicker").useCurrent(false);
相关推荐
bootstrap-datetimepicker日历控件
bootstrap-datetimepicker日历扩展插件
bootstap-datetimepicker.js 设置秒可以选择,主要修改了原js,把秒下拉框显示出来
bootstap-datetimepicker 设置秒可以选择,支持从页面选择年月日时分秒获取到时分秒,秒可以选择,精确获取时分秒
创建2个DateTimePicker,分别为datetimepicker1和datetimepicker2,1用来显示日期,2用来显示时间。 代码如下: ////日期 datetimepicker1.Format = DateTimePickerFormat.Custom; datetimepicker1.CustomFormat = ...
react-bootstrap-datetimepicker 时间选择控件
datetimepicker一个不错的日历android特效
bootstrap-datetimepicker是一个简单好用的日历时间插件,在bootstrap首页上也有推荐。使用起来也很简单: ...5,添加一个INPUT表单,设置其属性:id="datetimepicker" data-date-format="yyyy-mm-dd"。
想学好C#的非常好的例子,高清晰自制PDF文件
bootstrap样式控制的datetimepicker时间组件,分为bootstrap v2、bootstrap v3、bootstrap v4三个版本
WPF的日期时间选择DateTimePicker,一个控件,实现时间日期的选择
bootstrap-datetimepicker 显示农历节假日信息
设置datetimepicker的属性ShowCheckBox为true 在窗口初始化时候,添加代码this.datetimepicker1.Checked = false; 保存日期值入库的时候,就可以根据if(this.datetimepicker1.Checked ==false),保存空值。 方法二:...
非常漂亮的日历选择器控件(比系统自带的DateTimePicker还漂亮)适合VS.net(2005及2008WinForm应用程序开发,支持常有的编辑功能
datetimepicker-master datetimepicker-master datetimepicker-master
WPF自带的控件中只有Datepicker这个控件,不足以满足功能,鉴于WPF强大的自定义控件Usercontrol的功能,所以修改了一个支持选择日期时间控件---DateTimePicker,
对话框窗口分割后实现树状列表风格的属性表单..
调试环境c++ Builder6或者c++ Builder 2010,目录下ProjectBCB6.bpr是c++ ...程序是通过API函数获得、设置系统本地时间的功能,并且实现了从一个DateTimePicker 控件获得日期和时间功能。程序短小,简练,可读性强。
.net asp DateTimePicker控件
1、下载附件; 2、引用js和css; 3、html代码: ...4、$('.datetimepicker').datetimepicker({ format: 'yyyy-mm-dd hh:ii:ss', autoclose: true, minView: 0, minuteStep:1 }); }