伟德BETVICTOR_手机1946韦德最新网站_韦德1946手机版客户端【唯一授权官网】

所属分类:韦德1946手机版客户端-日期和时间
 6010  24  查看评论 (0)
伟德BETVICTOR_手机1946韦德最新网站_韦德1946手机版客户端【唯一授权官网】 ie兼容10

伟德BETVICTOR_手机1946韦德最新网站_韦德1946手机版客户端【唯一授权官网】

安装可以通过npm来安装jquery-clock-timepicker伟德BETVICTOR。npm install jquery-clock-timepicker     

使用方法

在页面中引入jquery和jquery-clock-timepicker.min.js文件。<script src=""path/to/js/jquery.min.js"></script> <script src=""path/to/js/jquery-clock-timepicker.min.js"></script> HTML结构可以使用一个<input>元素来作为时间选择器的容器。<input class="time" type="text" value="14:30"/> 初始化伟德BETVICTOR在页面DOM元素加载完毕之后,可以通过下面的方法来初始化jquery-clock-timepicker时间选择器伟德BETVICTOR。$('.your-time-field').clockTimePicker(options);jquery-clock-timepicker 时间选择器伟德BETVICTOR的可用配置参数有:
  • afternoonHoursInOuterCircle:设置为true时,午后小时数显示在外圆而不是内圆。默认为false。
  • colors.buttonTextColor:移动手机中按钮上的文本颜色。默认为:'#0797FF'。
  • colors.clockFaceColor:时钟表面的颜色。默认为:'#EEEEEE'。
  • colors.clockInnerCircleTextColor:内圆上显示的数字的颜色。默认为:'#888888'。
  • colors.clockOuterCircleTextColor:外圆上显示的数字的颜色。默认为:'#000000'。
  • colors.hoverCircleColor:鼠标hover时圆的颜色。默认为:'#DDDDDD'。
  • colors.popupBackgroundColor:弹出框的背景颜色。默认为:'#FFFFFF'。
  • colors.popupHeaderBackgroundColor:在移动手机中弹出框头部的颜色。默认为:'#0797FF'。
  • colors.popupHeaderTextColor:在移动手机中弹出框头部文字的颜色。默认为:'#FFFFFF'。
  • colors.selectorColor:时间选择器的颜色。默认为:'#0797FF'。
  • colors.selectorNumberColor:被选择的数字的颜色。默认为:'#FFFFFF'。
  • fonts.buttonFontSize:按钮文字的大小。按钮只会显示在移动手机中。默认为20。
  • fonts.clockInnerCircleFontSize:内圆文字的大小。默认为12。
  • fonts.clockOuterCircleFontSize:外圆文字的大小。默认为14。
  • fonts.fontFamily:数字的字体。默认为:'Arial'。
  • i18n.cancelButton:取消选择时间的按钮上的文字。默认为:'Cancel'。
  • i18n.okButton:确认选择时间的按钮上的文字。默认为:'OK'。
  • modeSwitchSpeed:切换小时和分钟动画的时间。默认为500。
  • onChange:时间发生改变时的回调函数。默认为:function(newValue, oldValue) {}。
  • onClose:时间选择器弹出层关闭时触发。默认为:function() {}。
  • onModeSwitch:在时间选择器切换小时和分钟模式时触发。默认为:function(selectionMode) {}。
  • onOpen:时间选择器弹出层打开时触发。默认为:function() {}。
  • popupWidthOnDesktop:桌面版本弹出层的宽度。单位像素。默认为200像素。
  • vibrate:是否触发移动手机的震动效果。默认为:true

相关伟德BETVICTOR-日期和时间

基于laydate时间控件修改版(精确到秒)

一款精确到秒的时间控件是英文版本
  日期和时间
 12110  38

jQuery日期时间选择伟德BETVICTORjHsDate

一个简单的jQuery日期时间选择伟德BETVICTOR
  日期和时间
 12427  37

移动端万年历类型(滑动效果)

基于swiper的万年历模板,简单,移动端日历
  日期和时间
 18381  157

timeago.js自动将时间戳转换为更易读的时间轴

timeago.js是一款基于jQuery的时间处理伟德BETVICTOR,它可以轻易的将时间戳转换成如:5分钟前,约3小时前这样的更友好易读的时间轴
  日期和时间
 7362  49

讨论这个项目(0)回答他人问题或分享伟德BETVICTOR使用方法奖励jQ币

取消回复