热门排行
简介
又一款符合标准的网页日期选择插件,JS日历——UncCalendar,风格比较简洁,反应速度敏捷,拿过来就可以用,调用方法很简单:
实例化时第一个参数是input的name;第二个参数是value,设为"today"就是当天。有一些属性,可以灵活的定制。
事实上直接到uc.js中修改默认属性值使用起来会更方便一些,里面有注释。
核心内容在uc.js中:
定义UncCalendar对象的属性并赋默认值。
inputValue属性的值为"today"时表示(客户机)当前日期。
直接在这里把默认值修改成你想要的,使用时你就什么也不用设置了。
用法,比如:
var date2 = new UncCalendar ();
date2.inputName = "date"; //input的name。
date2.inputValue = "today"; //你会看到,input中将显示客户机系统当前时间。
date2.inputSize = 10; //input的size
date2.inputClass = ""; //input的class,这样你就能自己控制input的样式。
date2.color = "#000080"; //选择按钮、面板的边框以及日历中字的颜色。
date2.bgColor = "#EEEEFF"; //选择按钮、面板的背景色。
date2.buttonWidth = 60; //按钮宽度
date2.buttonWords = "选择日期"; //按钮显示的文字。
date2.canEdits = false; //input是否可以输入
date2.hidesSelects = true; //显增日期选择面板时是否隐藏页面中的select控件。
date2.display();
实例化时第一个参数是input的name;第二个参数是value,设为"today"就是当天。有一些属性,可以灵活的定制。
事实上直接到uc.js中修改默认属性值使用起来会更方便一些,里面有注释。
核心内容在uc.js中:
定义UncCalendar对象的属性并赋默认值。
inputValue属性的值为"today"时表示(客户机)当前日期。
直接在这里把默认值修改成你想要的,使用时你就什么也不用设置了。
用法,比如:
var date2 = new UncCalendar ();
date2.inputName = "date"; //input的name。
date2.inputValue = "today"; //你会看到,input中将显示客户机系统当前时间。
date2.inputSize = 10; //input的size
date2.inputClass = ""; //input的class,这样你就能自己控制input的样式。
date2.color = "#000080"; //选择按钮、面板的边框以及日历中字的颜色。
date2.bgColor = "#EEEEFF"; //选择按钮、面板的背景色。
date2.buttonWidth = 60; //按钮宽度
date2.buttonWords = "选择日期"; //按钮显示的文字。
date2.canEdits = false; //input是否可以输入
date2.hidesSelects = true; //显增日期选择面板时是否隐藏页面中的select控件。
date2.display();