timepicker-ui时间选择器js插件

timepicker-ui时间选择器js插件源码下载

看看谁在用

查看文件结构

文件大小:0.02M

资源分类: 插件-时间

更新时间: 2021-06-18

timepicker-ui是一款时间选择器JavaScript库,可定制的,美丽的,移动手机端和电脑端时间选择器js插件。

所有的配置参数
amLabel: 'AM',
appendModalSelector: '',
backdrop: true,
cancelLabel: 'CANCEL',
enableScrollbar: true,
enableSwitchIcon: false,
enterTimeLabel: 'Enter Time',
focusInputAfterCloseModal: false,
hourMobileLabel: 'Hour',
iconTemplate: '<i class="material-icons timepicker-ui-keyboard-icon">keyboard</i>',
iconTemplateMobile: '<i class="material-icons timepicker-ui-keyboard-icon">schedule</i>',
incrementHours: 1,
incrementMinutes: 1,
inputTemplate: '',
minuteMobileLabel: 'Minute',
mobile: false,
okLabel: 'OK',
pmLabel: 'PM',
selectTimeLabel: 'Select Time',
switchToMinutesAfterSelectHour: false,
theme: 'basic',
一些事件处理
myTimePicker.addEventListener('show', (event) => console.log(event.detail));
myTimePicker.addEventListener('cancel', (event) => console.log(event.detail));
myTimePicker.addEventListener('accept', (event) => console.log(event.detail));
myTimePicker.addEventListener('update', (event) => console.log(event.detail));
myTimePicker.addEventListener('selectminutemode', (event) => console.log(event.detail));
myTimePicker.addEventListener('selecthourmode', (event) => console.log(event.detail));
myTimePicker.addEventListener('selectamtypemode', (event) => console.log(event.detail));
myTimePicker.addEventListener('selectamtypemode', (event) => console.log(event.detail));
时间Bootstrap网页模板UI_10353_10977

timepicker-ui时间选择器js插件

正在加载文件目录...

也许你还喜欢

  1. 前端表格js插件uiduck
  2. z-UI-tab简单选项卡js插件
  3. js树菜单多选插件
  4. js时间背景时钟插件
  5. Js电子表格excel插件xspreadsheet.js
  6. 仿支付宝弹出层支付窗口js插件
css3点击按钮出现模态窗口
  • 标签查找|关于我们|用户协议|格式化工具|bootstrapmb.com 版权所有 苏ICP备17077179号-2