插件窝 Js插件 时钟 jquery移动端日期插件

jquery移动端日期插件

3711 0 3
  • 1572331457(1)
  • 1572331470(1)

资源介绍

特别注意:
jdate依赖jQuery,如果没有全局的$或jQuery(也要保证在jdate之前加载),必须先使用以下的代码:

Jdate.usejQuery($);

如:

import $ from 'jquery'import Jdate from 'jdate'Jdate.usejQuery($);new Jdate({
  el:'#date'})

否则插件将报错,无法运行。

es6

import Jdate from 'jdate'new Jdate({
  el:'#date'})

commonJS

var Jdate = require('jdate');new Jdate({
  el:'#date'})

amd

require(['Jdate'],function(Jdate){  new Jdate({
    el:'#date'
  })
})

cmd

seajs.use('Jdate',function(undefined){    //插件没有遵循cmd规范,这里的Jdate是全局的
    new Jdate({
      el:'#date'
    })
});

参数、方法说明

名称必填默认值说明
el绑定插件的dom元素,插件内部使用document.querySelector,
也可以直接传递dom元素对象,只支持单个
format'YYYY-MM-DD'日期格式,无限制。规则:年-YYYY 月-MM 日-DD 时-hh 分-mm 秒-ss 使用/、-、空格、:之一分隔,可随意组合
beginYear2000日期开始年份
endYear2100日期结束年份
value日期初始化的默认值,列如'2018-03-18'
lang年、月、日...配置插件语言,默认:title:'选择日期',cancel:'取消',confirm:'确认',
year:'年',month:'月',day:'日',hour:'时',min:'分',sec:'秒'
minStep1分钟按指定数分隔
initnull插件触发前的回调函数,return false可阻止插件执行
moveEndnull插件滚动后的回调函数
confirmnull确认按钮触发前的回调函数,return false可阻止插件执行,
return其他值可修改日期,函数返回一个参数(选中的日期)
cancelnull插件取消时触发的回调函数
trigger'tap'默认使用tap解决移动端click事件300ms延迟,可选click替换tap。注意使用tap会阻止其他绑定的click事件的触发
show主动触发插件,当trigger为tap时,主动触发插件应该使用此方法
hide主动隐藏插件
//完整参数、方法示例var jd = new Jdate({
    el: '#date',
    format: 'YYYY-MM-DD',
    beginYear: 2000,
    endYear: 2100,
    minStep:1,
    lang:{title:'自定义标题'},
    trigger:'tap',    init: function() {      console.log('插件开始触发');
    },    moveEnd: function() {      console.log('滚动结束');
    },    confirm: function(date) {      console.log('确定按钮触发');
    },    cancel: function() {      console.log('插件运行取消');
    }
})jd.show();jd.hide();


相关源码