日期插件kalendae,遇到的一些问题

1.日期中文显示

/*_months : ‘January_February_March_April_May_June_July_August_September_October_November_December‘.split(‘_‘),*/
_months : ‘1月_2月_3月_4月_5月_6月_7月_8月_9月_10月_11月_12月‘.split(‘_‘),
months : function (m) {
    return this._months[m.month()];
},
/*_monthsShort : ‘Jan_Feb_Mar_Apr_May_Jun_Jul_Aug_Sep_Oct_Nov_Dec‘.split(‘_‘),*/
_monthsShort : ‘1月_2月_3月_4月_5月_6月_7月_8月_9月_10月_11月_12月‘.split(‘_‘),
monthsShort : function (m) {
    return this._monthsShort[m.month()];
},
_weekdays : ‘星期日_星期一_星期二_星期三_星期四_星期五_星期六‘.split(‘_‘),
weekdays : function (m) {
    return this._weekdays[m.day()];
},

_weekdaysShort : ‘周日_周一_周二_周三_周四_周五_周六‘.split(‘_‘),
weekdaysShort : function (m) {
    return this._weekdaysShort[m.day()];
},

_weekdaysMin : ‘日_一_二_三_四_五_六‘.split(‘_‘),
weekdaysMin : function (m) {
    return this._weekdaysMin[m.day()];
},

2.kalendae中的事件

subscribe属性表示绑定kalendea指定的事件,支持的事件有change、date-clicked、view-changed
<script type="text/javascript">
    new Kalendae(document.getElementById("date"), {
        months:1,
        mode:‘multiple‘,
        subscribe: {
           ‘date-clicked‘: function (date) {
               console.log(date._i, this.getSelected());
           },
           ‘change‘: function(){
               console.log(date._i, this.getSelected());
           }
        }
    });
</script>
var kal = new Kalendae({
    attachTo: ‘time‘,
    months:3,
    mode:‘multiple‘
});

$(‘.btn‘).click(function(){
    console.log(kal.getSelected());/*获取选中的日期*/
    console.log(kal.getSelected().format().replace(/\s/g, ‘‘));/*获取选中的日期,清除中间的横杠,清除日期间的空格*/
});
				
时间: 2024-10-13 04:01:40

日期插件kalendae,遇到的一些问题的相关文章

js日期插件

推荐一款贤心写的js日期插件,调用非常方便:顺手写了一个demo. 先列举下这款插件的优点:日期范围限制.开始日期设定.自定义日期格式.时间戳转换.当天的前后若干天返回.时分秒选择.智能响应.自动纠错.节日识别.快捷键操作.更换皮肤等. 当然还有很重要的一点是使用简单: 代码如下: <!DOCTYPE html> <html> <head>     <meta charset="UTF-8">     <title>data_

扩展日期插件

1.请扩展日期插件(/date/js/jq.date.js),使其在select后面自动加上“年”. “月”.“日”;并添加一个参数(lang)控制语言选择:当lang为“chs”时如图1效果,当lang为“eng”如图2效果: 图 1 <!doctype html><html><head><meta charset="utf-8"><title>下拉日期插件</title></head><scr

jquery ui bootstrap日期插件

http://blog.csdn.net/php_897721669/article/details/7404527 搜索“jquery ui日期插件怎么显示年份”? $("#datepicker").datepicker({ dateFormat:'yy-mm-dd', //更改时间显示模式 showAnim:"slide", //显示日历的效果slide.fadeIn.show等 changeMonth:true, //是否显示月份的下拉菜单,默认为false

(转)jQuery Mobile 移动开发中的日期插件Mobiscroll 2.3 使用说明

(原)http://www.cnblogs.com/hxling/archive/2012/12/12/2814207.html jQuery Mobile 移动开发中的日期插件Mobiscroll 2.3 使用说明 近期在移动方面的开发,使用jQuery Mobile ,移动方面的插件不如Web 方面的插件多,选择的更少,有一些需要自己去封装,但功力尚不足啊. 日期插件JQM也提供了内置的,但样式方面不好看,只好百度.Google啦,找到了两款 jquery-mobile-datebox 和 

Mobiscroll日期插件使用

相关资源 官方帮助文档:https://docs.mobiscroll.com/3-0-1 导入资源文件 <link href="${webRoot}/template/green/wap/module/member/medicinebox/statics/css/mobiscroll.css" type="text/css" rel="stylesheet" /> <link href="${webRoot}/tem

jQuery Mobile 移动开发中的日期插件Mobiscroll使用说明

近期在移动方面的开发,使用jQuery Mobile ,移动方面的插件不如Web 方面的插件多,选择的更少,有一些需要自己去封装,但功力尚不足啊. 日期插件JQM也提供了内置的,但样式方面不好看,只好百度.Google啦,找到了两款 jquery-mobile-datebox 和 mobiscroll-2.3 jqueryMobileDatebox 这个在板上的表现不好,性能方面有点卡 mobiscroll 性能方面比前者要好一些,效果更简洁 ,划动更流畅 放在一起对比下 各位看官,你们觉得哪个

jquery-ui里日期插件的使用

HTML为 <input type="text" id="starttime" readonly /> <input type="text" id="endtime" readonly /> 设置readonly属性,则输入框不可写: 引入必要的js文件和css文件 <link rel="stylesheet" type="text/css" href=&q

drupal7 如何将一个date字段添加上日期插件效果

//这里以created字段为例子 function Hook_form_alter($form,$form_state,$form_id){ $form['created']['#type'] = 'date_popup'; $form['created']['#date_format'] = 'Y-m-d'; $form['created']['#size'] = 20; $form['created']['#attributes']['readonly'] = true; $form['c

轻量级的日期插件--datebox

jquery的日期插件有好几款,H5中的input也可以自带日期选择.但为什么要再写一个,有两个理由,一个是引用的文件太大,而有时候只需要很简单的功能,二个是想加一些自定义的效果不好改. 我写的这个功能比较简单,可以换月,有预约效果,可以设定预约日期范围,压缩后1.4kb,先上个图,再慢慢解释: js代码: $.fn.datebox = function (options) { var config = { $valueEle: $("#outputTime"), $prev: $(&