调用方法
创新互联专注为客户提供全方位的互联网综合服务,包含不限于网站设计制作、成都网站建设、横峰网络推广、成都微信小程序、横峰网络营销、横峰企业策划、横峰品牌公关、搜索引擎seo、人物专访、企业宣传片、企业代运营等,从售前售中售后,我们都将竭诚为您服务,您的肯定,是我们最大的嘉奖;创新互联为所有大学生创业者提供横峰建站搭建服务,24小时服务热线:13518219792,官方网址:www.cdcxhl.com
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下元素属性
首先在head之间引入jquery库文件和datepicker插件以及相关css。
script type="text/javascript" src="js/jquery.js"/script
script type="text/javascript" src="js/jquery-ui-datepicker.js"/script
link rel="stylesheet" type="text/css" href="css/jquery-ui.css" /
然后在body间加入一个输入框。
input type="text" id="date_1" /
Javscript
调用datepicker非常简单,直接使用以下代码就可以实现:
$(function(){
$("#date_1").datepicker();
});
这样,单击输入框的时候会自动弹出一个日期选择器,选中日期后,自动关闭选择器,并在输入框中显示选中的日期。
首先获取当前时间与目标时间的时间差,然后通过定时器更新这个时间差,就实现了倒计时效果。