互保站-官方源码下载 2024-06-10

同款下载

实用的JS手机端多功能时间选择插件下载

查看演示

移动端js时间选择多功能插件；支持单选，多选，时间范围，指定时间选择，不可选时间

移动端-时间选择多功能插件

1、介绍

移动端-时间选择多功能插件；支持单选，多选，时间范围，指定时间选择，不可选时间

2、使用说明

引入默认ES6版本：

<script src="./js/dateMultiFunc.js"></script>

ES5版本：

<script src="./js/dateMultiFunc-es5.js"></script>

使用:

let dateMulti = new dateMultiFunc({
    minTime: 1,
    maxTime: 1,
    isShow: true,
    type: 1,
    cancelFunc: () => {
        // 取消
        console.log("取消")
    },
    confirmFunc: (res) => {
        // 确认
        console.log(res)
    }
});

Date 问题（注意）

ie内核浏览器，时间格式请使用 “/” 和 “.”，并写全年月日，最好不要用其他格式的时间，其他格式没优化

3、参数说明

参数名	参数作用	参数类型	默认值	描述/注意
type	类型	Number	0	0:单选 1:多选 2:时间范围
position	弹出位置	String	bottom	bottom, center, to
radius	圆角	Number \\| Array	0	同css的border-radius
color	全局文字颜色	color	#333333	颜色值
background	内容的背景颜色	color	#ffffff	颜色值
opacity	遮罩的透明度	Number	0.7	0-1
selectBg	选中时间的背景颜色	color	#409EFE	颜色值
selectColor	选中时间的文字颜色	color	#ffffff	颜色值
selectRadius	选中时间的圆角	Number	100	0 – 100，百分比；如果设置了文本，那么圆角最大 10%
tranBg	过渡背景颜色	color	#A0CFFF	颜色值，type为2有效，选择的开始和结束时间之间的元素的背景颜色
tranColor	过渡文字颜色	color	#333333	颜色值，type为2有效，选择的开始和结束时间之间的元素的文字颜色
title	标题	String	选择时间	#VALUE!
isCancel	是否不显示取消按钮	Boolean	FALSE	true,false
cancelText	取消按钮文案	String	取消	–
confirmText	确认按钮文案	String	确认	–
backFormat	返回时间格式	String	.	返回时间的拼接字符
isShow	是否初始化完成就自动显示	Boolean	FALSE	true,false
appointTime	指定可选日期	Array	[]	type 0 1 有效，字符串数组和 json数组(可带上文本) 列:[“2022.7.1″,”2020.7.3″] [{date:”2022.7.1″},{date:”2022.7.2”}]
appointOn	指定不可选日期	Array	[]	同上
minTime	可选最小时间	Number \\| String	“”	Number：表示年数，默认时间的多少年前。<br/>String：不写天数，表示当月1号
maxTime	可选最大时间	Number \\| String	“”	同上
defaultYears	默认打开显示的年月	String \\| Date	“”	时间字符串或时间
cancelFunc	取消回调	function	() => { }	cancelFunc: () => {console.log(“取消”)}
confirmFunc	确认回调	function	(res) => { }	confirmFunc: (res) => {console.log(“确认”)}，详见 res值

res值

res为数组数据，如果 type为2，返回的是 json数据

// type = 2时，res值
endTime:{},//结束时间
statrTime:{},//开始时间

字段名	描述
year	年份
month	月份
day	日
time	时间字符串，根据 backFormat 参数拼接，如：”2022.7.4″
timestamp	时间戳（ms）
text	文本

4、可用方法

1. 显示方法： `show()`

2. 销毁方法： `destroy()`

列子

let dateMulti = new dateMultiFunc();
dateMulti.show();
dateMulti.destroy();

文件目录结构

┝ index.html
js
- ┝ dateMultiFunc-es5.js
- ┝ dateMultiFunc.js

资源下载

下载价格5 元

VIP免费

立即购买

原文链接：https://img.zhanbaozhan.com/68952–>

下载说明：

1、本站资源都是白菜价出售，同样的东西，我们不卖几百，也不卖几十，甚至才卖几块钱，一个永久会员能下载全站100%源码了，所以单独购买也好，会员也好均不提供相关技术服务。

2、如果源码下载地址失效请/联系站长QQ进行补发。

3、本站所有资源仅用于学习及研究使用,请必须在24小时内删除所下载资源，切勿用于商业用途，否则由此引发的法律纠纷及连带责任本站和发布者概不承担。资源除标明原创外均来自网络整理,版权归原作者或本站特约原创作者所有,如侵犯到您权益请联系本站删除!

4、本站站内提供的所有可下载资源（软件等等）本站保证未做任何负面改动（不包含修复bug和完善功能等正面优化或二次开发）；但本网站不能保证资源的准确性、安全性和完整性，用户下载后自行斟酌，我们以交流学习为目的，并不是所有的源码都100%无错或无bug；同时本站用户必须明白，【源码源码ui网】对提供下载的软件等不拥有任何权利（本站原创和特约原创作者除外），其版权归该资源的合法拥有者所有。

5、请您认真阅读上述内容，购买即以为着您同意上述内容。

互保站 » 实用的JS手机端多功能时间选择插件下载

互保站-官方普通

分享到：

1、介绍

2、使用说明

使用:

3、参数说明

4、可用方法

列子

文件目录结构

互保站-官方 普通

相关推荐

发表回复 取消回复

互保站-官方普通

发表回复取消回复