使用datepicker时设置可选择时间范围
来源:互联网 发布:python初学者 编辑:程序博客网 时间:2024/05/17 02:14
这是从网上摘来的,可以在每个时间选择后限定时间,开始时间不能大于结束时间,结束时间不能小于开始时间。
$(function() { var dates = $("#TextBoxBeginTime,#TextBoxEndTime").datepicker( { changeMonth: true, onSelect: function(selectedDate) { var option = (this.id == "TextBoxBeginTime") ? "minDate" : "maxDate", instance = $(this).data("datepicker"), date = $.datepicker.parseDate( instance.settings.dateFormat || $.datepicker._defaults.dateFormat,selectedDate, instance.settings); dates.not(this).datepicker("option", option, date); } });
不过这样要更改开始时间时,若选择的时间大于结束时间,则无法选择,只能先调整结束时间然后再更改开始时间。不如这样,开始时间自由选择,结束时间限定不能小于开始时间的好。
function change ( e ) { var minDate = $( this ).datepicker( "getDate" ); $("#TextBoxEndTime").datepicker("option", "minDate", minDate); } $(document).ready(function() { $("#TextBoxBeginTime").datepicker({ dateFormat: 'yy-mm-dd', changeMonth: true }).change(change); $("#TextBoxEndTime").datepicker({ dateFormat: 'yy-mm-dd', changeMonth: true }); $("#TextBoxBeginTime").datepicker('setDate', new Date()).change();//设置默认时间显示。 });
0 0
- 使用datepicker时设置可选择时间范围
- datePicker设置时间范围
- Android DatePicker 设置时间范围
- android------(设置时间)DatePicker对象的使用
- DatePicker时间插件全解(包括各种用法,设置,日期范围限制等)
- bootstrap-datepicker限定可选时间范围
- bootstrap-datepicker限定可选时间范围
- android开发中DatePicker控件的使用-------->时间的设置
- jQuery-DatePicker 时间控制设置
- 时间控件的使用datePicker,
- JS设置默认时间范围
- android时间控件DatePicker使用实例
- DatePicker TimePicker---时间日期控件的使用
- android中如何使用DatePicker获取时间
- 时间对话框 android DatePicker的使用
- 使用Ubuntu DatePicker来选择时间
- angular2时间控件datepicker的使用
- bootstrap日期时间选择器datepicker的使用
- 国际标准纸张尺寸表
- 银汇通无线pos机解决公交难题
- LInux 设置 单个进程打开最大的文件数
- 德图软件测试面试题
- 个人移动设备(BYOD)进军企业,安全问题解决了吗?
- 使用datepicker时设置可选择时间范围
- 视频游戏的未来
- 设置-安全-手机加密功能讲解
- dsgsg
- 一些比较好的博客地址【转】
- MySQL-lock table thread
- U盘安装winxp、win7系统最详攻略
- 银汇通支付pos机代理商利润
- 要点,成功的成