手机端简洁日历控件iantoo.week()

Wuv1Up 发布于2019-08-26 12:09 / 2334人阅读

摘要：主要是为了避免用户修改了手机日历之后，获取的本地与服务器时间不统一可以通过获取服务器时间进行手动设置。日历控件更新之后哦调用只有在调用了的时候才会被触发非必填。对于设备已经通过阻止冒泡事件进行控制不需要再做控制。

原文链接 使用

引入文件:

./build/css/iantooweek.css
./build/js/iantooweek.js

并在页面上调用:

iantoo.week()

详细使用方法见page/iantooweek/index.html

兼容性

ios 8.0+
Android 4.0+

预览

GitHub API el

非必填、string,默认会直接插入到body中。

指定日历模块所渲染的element,传入格式入".className"或#idName,最终会通过querySelector方法进行查找。

date

非必填、默认值：系统的当前时间，即：new Date()得到的时间。 、type:string

默认初始化的时间,格式必须为“YYYY-MM-DD HH:MM:SS” 或 “YYYY-MM-DD”。

setSystemDate

type:string    默认 系统时间    YYYY-MM-DD HH:MM:SS  |  YYYY-MM-DD  | 时间戳

手动设置系统时间,通常情况不适用该功能。
主要是为了避免用户修改了手机日历之后，获取的本地与服务器时间不统一,可以通过获取服务器时间进行手动设置。将不在获取本地时间

showWeek

非必填、boolean,默认true。

是否显示星期栏,默认显示。

sign

非必填、array,默认[]。

用于标示某一天提醒,被标记的某一天下面会生成一个圆点提示。传入格式如：“["2018-06-5","2018-6-23"]”

RootNoScroll

非必填 、boolean,默认true可滚动。

false时禁止左右滚动,禁止滚动之后不会在左右滑动,将不会触发scroll、touchStartFun 和 touchEndFun方法。只有在兼容部分机型的时候才会调用。

theme

主题颜色

theme.selectGB

非必填、string,默认:会随着版本的不同而变化

被选择的某一天的背景色,可传入颜色值的方式可分为16进制、RGB、RGBA等颜色模式,最终以element.style.background = color的形式赋值。

theme.selectFontColor

非必填、string,默认:"#ffffff"

被选中的某一天的文字颜色,格式同theme.selectGB

theme.systemBG

非必填、string,默认:会随着版本的不同而变化

系统时间的背景颜色,当系统的当前时间被选中时,会以theme.selectGB的颜色优先显示。格式同theme.selectGB

theme.systemFontColor

非必填、string,默认:会随着版本的不同而变化

系统时间的文字颜色,被点击时会以theme.selectFontColor颜色优先显示。格式同theme.selectGB

clickDate

非必填、function。

当点击某一天的时候会回调该方法。如下

iantoo.week({
    clickDate:function(date){
        console.info(date)         //{year: 2018, month: 6, day: 29}
    }
})

返回对应的当天的年月日时间

render

非必填、function。

日历在调用时渲染完成之后自动触发该方法,示例:

iantoo.week({
    render:function(data,systemDate){

    }
})

data返回的是当前页面渲染的星期的时间数组列表
systemDate返回当前电脑系统对应的时间年月日

updataRender

非必填、function。

日历控件更新之后哦调用,只有在调用了iantoo.week.update()的时候才会被触发

scroll

非必填、function。

每次滑动之后调用的方法,返回当前显示的七天的日期。

touchStartFun

非必填、function。

滑动开始触发的方法。

touchEndFun

非必填、function。

滑动结束触发的方法

注：touchStartFun 和 touchEndFun方法对应的则是touchstart和touchend,通常用在安卓设备上。当打开一个activity的以后，如果有原生的横向滑动方法,需要原生支持方来来禁止滚动,则可以通过这两个方法来控制是否禁止原生的滑动。对于IOS设备已经通过阻止冒泡事件进行控制,不需要再做控制。

混合云超融合服务器自定义日历控件 Android日历控件 asp日历控件 asp 日历控件

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/yun/108109.html

手机端简洁日历控件iantoo.week()

摘要：主要是为了避免用户修改了手机日历之后，获取的本地与服务器时间不统一可以通过获取服务器时间进行手动设置。日历控件更新之后哦调用只有在调用了的时候才会被触发非必填。对于设备已经通过阻止冒泡事件进行控制不需要再做控制。原文链接使用引入文件: ./build/css/iantooweek.css ./build/js/iantooweek.js 并在页面上调用: iantoo.week(...

simpleapples 2019-08-05 14:30 评论0 收藏0
简洁日历？什么鬼！

摘要：有那么一天，接到奇酷手机团队的电话，要想将简洁日历作为其手机的系统日历，经过近一个月的合作，但最终没能内置成功。目前，在有限的空闲时间，正在筹备简洁日历。自2009年接触Android以来，也有6年多时间。完全投入AndroidApp开发是在2010年，当时加入了一家做家谱（家谱网）的公司。记得当时对Android的四大组件还不怎么了解，书籍不多，网上资料不多。为了实现一个功能，需要...

daryl 2019-06-24 19:14 评论0 收藏0
控件 - 收藏集 - 掘金

摘要：它也是一款可以帮助你轻松实现侧滑效果的控件掘金一个灵活易用可以帮助开发者实现侧滑效果的开源项目。直接上图站多媒体选择器掘金基于模式的多媒体选择器。 Android 开源库 V - Layout：手把手带你分析淘宝、天猫都在用的 UI 框架 - Android - 掘金前言 V- Layout 是阿里出品的基础 UI 框架，用于快速实现页面的复杂布局，在手机天猫 Android版内广...

sixgo 2019-06-25 11:25 评论0 收藏0
一款基于移动端的日历控件iantooDate

摘要：已被移除过时的提醒时间的颜色。默认当日历控件滑动的时候是否实时更新日历控件的位置主要是对部分低端机型做性能处理。返回当前的时间调用该方法关闭日历控件。年月日时分秒星期原文链接使用引入文件: ./build/css/iantooDate.css ./build/js/iantooDate.js 并在页面上调用: iantoo.date() 详细使用方法见page/iantooDat...

liangzai_cool 2019-08-26 11:56 评论0 收藏0
CalendarListView解析与重新实现

摘要：在工具类中解决，重点是处理闰年二月的天数。此外对整体控件的尺寸要设置其高度与宽度。是处理日期数据集的数据适配器，继承于。其中选中日期方法的处理流程如下在主类中，要完成数据适配器的设置之外，还要处理属性和用户接口。有图地址项目地址：CalendarListview。分析的版本：063952b 功能介绍 CalendarListview是一个日历控件，效果如图 showImg(http...

greatwhole 2019-06-24 19:14 评论0 收藏0