My97DatePicker组件使用方法

一. My97DatePicker组件的官网如下：

http://www.my97.net/

二.注意事项

1.My97DatePicker目录是一个整体,不可破坏里面的目录结构，,也不可对里面的文件改名,可以改目录名。

2.各目录及文件的用途:

WdatePicker.js 配置文件,在调用的地方仅需使用该文件,可多个共存,以xx_WdatePicker.js方式命名

config.js 语言和皮肤配置文件,无需引入(4.8以后合并入WdatePicker.js)

calendar.js 日期库主文件,无需引入

My97DatePicker.htm 临时页面文件,不可删除(4.8以后不存在此文件)

目录lang 存放语言文件,你可以根据需要清理或添加语言文件

目录skin 存放皮肤的相关文件,你可以根据需要清理或添加皮肤文件包

当WdatePicker.js里的属性:$wdate=true时,在input里加上class="Wdate"就会在选择框右边出现日期图标,如果您不喜欢这个样式,可以把class="Wdate"去掉,另外也可以通过修改skin目录下的WdatePicker.css文件来修改样式

由于工作需求，做了一个平面的日期，input触发一个浮层的，在浮层上显示日历，运行截图如下：

点击这个框时候，弹出一个全频道弹框如下：

宽度我做了修改，在datepicker.css中

，修改了WdateDiv类的宽度。

具体功能如下：

下面贴上原代码：
<input type="text" id="mydate97" readOnly="true">
<div class="white_bg"><div id="div1"></div>
</div>
.white_bg{background:#f2f2f2;position:fixed;height:100%;width:100%;display:none;left:0;bottom:0;}
  $('#mydate97').click(function(){$('.white_bg').slideDown();});WdatePicker({eCont:'div1',minDate:'%y-%M-%d',disabledDays:[0,6],disabledDates:['2016-02-07','2016-02-08','2016-02-09','2016-02-10','2016-02-11','2016-02-12','2016-02-13',],onpicked:function(dp){  //doubleCalendar:true   为双日期显示var youchoose = dp.cal.getDateStr();$('#mydate97').val(youchoose);$('.white_bg').slideUp();}})

My97DatePicker组件使用方法相关推荐

My97DatePicker 组件使用方法---My97DatePicker
一.简介 1.简介目前的版本是:4.2正式版发布于2008-12-03 2.注意事项 ·My97DatePicker目录是一个整体,不可破坏里面的目录结构,也不可对里面的文件改名,可以改目录名 ·M ...
php excel 组件,Yii Framework框架使用PHPExcel组件的方法示例
本文实例讲述了Yii Framework框架使用PHPExcel组件的方法.分享给大家供大家参考,具体如下: PHPExcel下载地址http://www.yiiframework.com/exten ...
【Android 进程保活】应用进程拉活 ( 系统 Service 机制拉活 | Service 组件 onStartCommand 方法分析 | 源码资源 )
文章目录一. Service 组件 onStartCommand 方法分析 1. onStartCommand 函数返回值分析 2. onStartCommand 函数 START_STICKY_C ...
react 中子组件调用父组件的方法
1.在父组件中定义方法,并绑定在子组件上 // 在子组件中调用父组件中的方法 import React,{Component} from 'react'; import Child from './c ...
来总结一下在VC中调用COM组件的方法
来总结一下在VC中调用COM组件的方法(大家来补充) [问题点数:50分,结帖人_foo] http://bbs.csdn.net/topics/50319093 发表于: 2004-04-17 16 ...
【Android个人理解（八）】跨应用调用不同组件的方法
如果情景: 创建两个应用appA和appB,appA包括一个Service,此Service有一个堵塞方法每隔10秒钟产生一个随机数字,例如以下: public int getRandomInt(){ ...
Vue中父组件调用子组件的方法
场景 SpringBoot+Vue+Echarts实现选择时间范围内数据加载显示柱状图: SpringBoot+Vue+Echarts实现选择时间范围内数据加载显示柱状图_BADAO_LIUMANG_ ...
Angular中父组件通过ViewChild调用子组件的方法
场景 Angualr中通过原生js和ViewChild的方式获取dom: https://blog.csdn.net/BADAO_LIUMANG_QIZHI/article/details/10586 ...
vue --- ref属性获取dom元素和子组件的方法
说明: // 假设login的组件定义如下: Vue.component('login', {template:'<h1>登录</h1>',data(){return {msg ...
关于sublime-text-2的Package Control组件安装方法，自动和手动
之前在自己的文章<Linux下安装以及破解sublim-text-2编辑器>的文章中提到过关于sublime-text-2的Package Control组件安装方法. 当时使用的是粘贴代 ...

My97DatePicker组件使用方法

My97DatePicker组件使用方法相关推荐

最新文章

热门文章