首页 >

javascript特殊日历控件分享【javascript】

web前端|js教程javascript特殊日历控件分享【javascript】
js日历控件,js日历
web前端-js教程
源码下载哪个网站好,ubuntu正确卸载方法,tomcat+双引号被转义,人类是爬虫,魔众相册系统源码php,庆阳seo托管lzw
引用JSLit.js 下载 JSLite.io,兼容 JSLite 和 jQuery
php小说源码下载,vscode新建c 类,ubuntu识别分区,tomcat7.5,sqlite 自动不日期0,vue框架前端到后台怎么实现的,爬虫能爬qq相册吗,java php优势,seo属于什么公司,asp.net网站结构,网页自动采集插件,dedecms 卡通模板lzw
php列表源码,vscode视频自动播放,ubuntu 查看yum,tomcat内存泄露检查,反爬虫平台,php 数据库读写分离,嘉兴seo优化制造行业推广,phpqq业务下单网站源码,程序员个人网站模板lzw

安装方法

页面引用 JSLite 或者jQuery

var obj4 = document.getElementById("JSLiteCalenbar4") var cal=new $.calendar($("#JSLiteCalenbar4")[0],function(date){ console.log(date); //返回更改的时间值date=2014-10-11 $('#JSLiteCalenbar4 input').val() this.calBoxs.prev().val(date) }) .hide() .time("yyyy/MM月dd日 hh:mm:ss",'default') console.log(cal);
扩展方法

hidePrevBtn:隐藏上一页 按钮 显示未来时间,不能翻阅历史
hide:点击显示界面
setDate:设置时间,传json
time:设置是否可以选则时间 (时分) “yyyy/MM月dd日 hh:mm:ss” 序列号时间格式 ‘default’ 默认再input中显示默认时间或者指定时间

hide

点击显示界面

点击显示
var obj3 = document.getElementById("JSLiteCalenbar2") new $.calendar(obj3,{ "now":"2014-09-15" },function(date){ //返回更改的时间值date=2014-10-11 console.log(date) }).hide();
例子一

var obj3 = document.getElementById("JSLiteCalenbar2")new JSLite.calendar(obj3,{  "now":"2014-09-15"},function(date){  //返回更改的时间值date=2014-10-11  console.log(date)  console.log("obj3")}).time("yyyy/MM月dd日 hh:mm:ss",'default');var cal = new JSLite.calendar(obj,function(){  return {    "now":"2014-09-15",//服务器当前时间    "change":true,//是否更改当前时间以前的内容    "interfaceNum":3,//显示当前以后多少个日历    "workdate":[      {        "date":"2013-12",        "day":["1", "2", "3", "4", "5", "6", "7", "8", "9", "10", "20"]       },{        "date":"2014-09",        "day":["10", "2", "3", "4", "5", "6", "20"]       },{        "date":"2014-05",        "day":["10", "2", "3", "4", "5", "6", "20"]       },{        "date":"2014-10",        "day":["12", "2", "3", "4", "5", "6", "20"]       }    ]  }},function(date){  //返回更改的时间值date=["2014-10-10,0","2014-10-11,0"]  console.log(date)}).hidePrevBtn()
例子二

var obj3 = document.getElementById("JSLiteCalenbar2")new JSLite.calendar(obj3,function(date){  //返回更改的时间值date=2014-10-11  console.log(date)  console.log("obj3")}).hidePrevBtn().hide()

javascript特殊日历控件分享【javascript】
  • 原生js制作日历控件实例分享【javascript】
  • 原生js制作日历控件实例分享【javascript】 | 原生js制作日历控件实例分享【javascript】 ...

    javascript特殊日历控件分享【javascript】
  • javascript实现日历控件(年月日关闭按钮)【javascript】
  • javascript实现日历控件(年月日关闭按钮)【javascript】 | javascript实现日历控件(年月日关闭按钮)【javascript】 ...