mobiscroll时间选择器（年月日时分）

最新推荐文章于 2019-12-20 14:17:41 发布

翻译最新推荐文章于 2019-12-20 14:17:41 发布 · 1.9k 阅读

js 专栏收录该内容

30 篇文章

订阅专栏

本文介绍了一个用于设置预约时间的HTML组件及其JavaScript配置方法。该组件允许用户选择特定的日期和时间，采用mobiscroll插件实现，并设置了日期范围从当前年份前10年至后80年。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<body>

</tr>

<body>

<head>

$(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 - 10, //开始年份
endYear: currYear + 80 //结束年份
};
var optDateTime = $.extend(opt['datetime'], opt['default']);
var optTime = $.extend(opt['time'], opt['default']);
$("#AbsentStartDate").mobiscroll(optDateTime).datetime(optDateTime);//年月日时分型
$("#AbsentEndDate").mobiscroll(optDateTime).datetime(optDateTime);//年月日时分型