转自:http://www.jq-school.com/Detail.aspx?id=483
jquery插件地址:
http://www.jq-school.com/Article.aspx?id=3
像一些时间选择这些都可以从这里弄、
时间选择的是mobiscroll.js
html5(手机端时间控件)
如果要改成橙色:
eg:
js加载:
$(function () {
var currYear = (new Date()).getFullYear();
var opt={};
opt.date = {preset : 'date'};
opt.datetime = {preset : 'datetime'};
opt.time = {preset : 'time'};
opt.default = {
theme: 'android-ics light', //皮肤样式
display: 'modal', //显示方式
mode: 'scroller', //日期选择模式
dateFormat: 'yyyy-mm-dd',
lang: 'zh',
showNow: true,
nowText: "今天",
startYear: currYear - 50, //开始年份
endYear: currYear + 10 //结束年份
};
$("#predictArrivalDate").mobiscroll($.extend(opt['date'], opt['default']));
});
jsp页面:
<input placeholder="请填写预计到场日期" name="predictArrivalDate" type="text" class="input" id="predictArrivalDate" value='<fmt:formatDate value="${customer.predictArrivalDate }" type='date' pattern='yyyy-MM-dd'/>'/>