本文主要包含mui日期选择器,mui 选择日期,mui日期控件,mui日期,mui日期插件等相关知识,教程希望在学习及工作中可以帮助到您
");
</div>
插件js
- /* 时间选择器封装 @山东-三言
- * 共有两种初始化方式:
- * @第一种方式:mui(".mui-getDate").getDateInfo(); 类名可以随便定义,优点可以定义多项,缺点无法设置回调函数
- * @第二种方式:var test = new mui.getDateInfo(document.getElementById("testGetDate"),function(d){alert(d)});
- * @第一个参数为element类型,就是要初始化的节点
- * @第二个参数为function类型,回调函数,回调的有一个参数为获取的时间字符串
- * ------------------------------------------------------------
- * 时间类型说明 例子
- * data命名 data-dateType <input class="mui-getDate" data-dateType="date" id='' name=''>
- *
- * 可选值 返回结果说明
- * date 日期类型,例如 2016-11-11
- * time 时间类型,例如 18:22 24小时制
- * @! 如果不设置data-dateType默认为date类型
- * ------------------------------------------------------------
- * 【data-dateType为date类型】 !!!刚给data-minDate和data-maxDate增加了一个active的值,如果传active可以设置为当前日期
- * data参数名 说明 默认值 格式都为"2016-11-11"
- * data-defaultDate 默认选中的时间 当前日期
- * data-minDate 日期最小值 无
- * data-maxDate 日期最大值 无
- *
- * 【data-dateType为time类型】
- * data参数名 说明 默认值 格式都为"13:22"
- * data-defaultDate data-defaultDate 12:00
- * -----------------------------------------------------------
- * 返回值 如果有回调函数会调用回调函数,返回值为选中的日期字符串
- * 当element为input的时候会设置value为选中的日期字符串
- */
- (function($) {
- var GetDateInfo = $.getDateInfo = $.Class.extend({
- init: function(element, fun) {
- var self = this;
- if(element.nodeType) {
- self.ele = element;
- fun && (self.fun = fun);
- self.EventInit();
- } else {
- throw new Error('传入的参数不是Element类型!');
- }
- return self;
- },
- //绑定事件
- EventInit: function() {
- var self = this,
- selfEle = this.ele,
- isBindingEvent = selfEle