扫二维码与项目经理沟通
我们在微信上24小时期待你的声音
解答本文疑问/技术咨询/运营咨询/技术建议/互联网交流
调用方法
创新互联公司制作网站网页找三站合一网站制作公司,专注于网页设计,成都做网站、成都网站建设,网站设计,企业网站搭建,网站开发,建网站业务,680元做网站,已为成百上千服务,创新互联公司网站建设将一如既往的为我们的客户提供最优质的网站建设、网络营销推广服务!
2
maxAge : 设置“年”下拉表中年的个数,这里设置为10则显示最近10年的(前提是你开始“年”必须为今年2013),默认值为120。
3
minAge : 与maxAge相对,如果当前年为2013年,并且设置了minAge为20,那么最早可以选择的年限为1993年。
maxYear : 年列表中最大年,你可用一个具体年如,'2013-07-06'或者采用变量获取当前年的字符串。
默认值为todayYear(算法:todayDate = new Date(), todayYear = todayDate.getFullYear())
futureDates : 将来(未来)时间是否可以选择,例如:你在maxYear设置为'2020',并且futureDates为true,此时列表内容为:
futureDates为false时:
dateFormat:在这里format指的是显示年月日的顺序,bigEndian: “年月日” ,littleEndian:“日月年”,否则 “月日年”
monthFormat:其实没有什么大用途,之前因为是英文版本的,short为英文版单词缩写。
placeholder: 是否显示默认提示的信息。
defaultDate : 元素初始时的值
hiddenDate:是否要添加一个时间隐藏域,值为true或false 默认为true
fieldName:隐藏域元素的name值 默认为:birthdate
fieldId:隐藏域元素的id值 默认为:birthdate
wraper:为盛放select元素的容器,这个是我自己扩展的,原来插件只支持fieldset,修改后可以有多种方式选择。效果如下:
"wraper":"span"
legend:fieldset下元素属性
可以用datetimepicker.js插件,我的bootstrap框架用bootstrap-datetimepicker.js,网上有datetimepicker.js插件。
在页面加载的时候初始化格式,如:
$('#id').datetimepicker({
format: 'hh:ii:ss',
autoclose: true,
minView: 0,
minuteStep:1});
如果有错误,请指出。
日期对象可以使用系统的内置的构造函数来创建日期对象:
var d=new Date( );
d.getYear( ); //返回年不建议使用
d.getFullYear( ); //返回年,4位数,建议使用
d.getMonth( );//返回月份,其值为0-11;
d.getDate( );//返回返回日期对象中的一个月中的第几天
d.getDay( );//返回星期几中的某一天
d.getHours( );//返回日期对象的小时部分
d.getMinutes( );//返回分钟部分
d.getSeconds( );//返回秒钟
d.getMillSeconds( );//返回毫秒
d.getTime( );//返回时间戳
d.getTimezoneOffset( );//返回时区的时差数,单位是秒
希望对你有用.
JQuery 的datepicker组件做日要选择一段日期期选择框非常方便
这里有 详细教程
但是如果需要选择一段时间,则需要两个datepicker,一个为起始日期,一个为结束日期
并且,结束日期需要永远晚于或者等于起始日期.需要选择一段时间的应用场景很多,比如在OTA中,机票的往返日期,酒店入住和离店时间等.
就需要这样的逻辑:
如果用户已经选择了起始日期,而后选择结束日期,那么结束日期的minDate(最早可选时间)不早于起始日期
如果用户已经选择结束日期,再选择起始日期,那么起始日期的maxDate(最晚可选时间)不晚于结束日期
上次在stackoverflow上看到有人这样写:
起始日期选择10月4日时,结束日期早于10月4日的便都无法选择
选择10月10日作为结束日期后,再回来选起始日期,可以看到10月10日之后的日期也都不可以选择了
var d = new Date();
d.setMinutes(d.getMinutes()+90)
好了
话说,, 这和jq没毛关系的啊
jQuery ui 利用 datepicker插件实现开始日期(minDate)和结束日期(maxDate)
使用jQuery ui首先需要引入jQuery类库,jQuery ui js脚本和jQuery ui css样式表
1、同时获得两个文本框对象,并将其转换为datepicker(利用jQuery的选择器)
HTML代码:
开始日期:input type="text" id="start"
结束日期:input type="text" id="end"
Js代码:
2、同样在选择日期后,触发onSelect事件,调用函数传递selectedDate参数,
函数体中首先判断触发事件的是开始日期还是结束日期,通过该判断来指定设置minDate或者是maxDate,然后利用not()函数,来反向选择另一个datepicker对象,并设置其对应的属性。
Js代码:
这样在设置一方后,另一方就会被限制
效果如图:
我们在微信上24小时期待你的声音
解答本文疑问/技术咨询/运营咨询/技术建议/互联网交流