`
bewithme
  • 浏览: 430668 次
  • 性别: Icon_minigender_1
  • 来自: 上海
社区版块
存档分类
最新评论

Jquery周历插件weekCalendar汉化并实现单日显示

阅读更多

      jquery-week-calendar插件是一款不错的周历控件,在开发日程相关的应用时可以用到。但是官方是英文版的,并且在只显示一天时是有问题的,因此我在实际应用中进行了汉化并改进。

 

原版汉化后如下图

 

改进后可以支持只显示一天,以便用在移动应用中

 

 

    以下代码为使用只显示一天时的初始化代码

  var $calendar = $('#calendar');
   var id = 10;
   $calendar.weekCalendar({buttonText : {
       today : "今天",
       lastWeek : "上一天",
       nextWeek : "下一天"
       },
      daysToShow :1

........此处省略其它参数
});

 

如果打开乱码请设置页面编码方式 为 utf-8!!

 

改进后的插件代码在附件中,欢迎下载。。。。

 

有任何问题请联系微信 

如果您觉得我的文章给了您帮助,请为我买一杯饮料吧!以下是我的支付宝,意思一下我将非常感激!
  
 
 
  • 大小: 87.7 KB
  • 大小: 116 KB
  • 大小: 52.9 KB
分享到:
评论
1 楼 huqiji 2014-08-25  
   

相关推荐

    jquery-week-calendar demo

    总结起来,jQuery Week Calendar是一个功能强大、灵活度高的周历插件,无论你是需要一个简单的日程管理工具,还是希望构建复杂的项目调度系统,它都能提供有效的解决方案。通过深入理解和实践提供的示例,开发者可以...

    jQuery日历周历月历插件.zip

    jQuery日历周历月历插件是一款非常实用的前端开发工具,主要应用于网页中的日期管理与展示。这个插件基于JavaScript库jQuery构建,为开发者提供了简单易用的API,使得在网页中添加交互式日历功能变得轻而易举。在...

    JQuery周历控件

    8. **国际化支持**:对于多语言环境,周历控件还需要考虑日期格式和星期的显示顺序,这可以通过i18n(国际化)技术实现。 9. **可访问性**:遵循Web内容可访问性指南(WCAG),确保视觉障碍或其他障碍的用户也能...

    jquery周历选择器

    - 同样,jQuery的`.show()`和`.hide()`方法可用于切换前后周的周历视图,以实现平滑的用户体验。 4. **动画效果**: - jQuery提供了丰富的动画效果,可以用来增强周历切换的视觉体验。例如,使用`.fadeIn()`和`....

    jQuery日历周历月历插件

    本文将详细介绍一个基于jQuery的多功能日历插件,它能展示日历、周历和月历,并提供方便的方法来获取特定日期在月份中的位置信息。 首先,jQuery是一个广泛使用的JavaScript库,它简化了DOM操作、事件处理、动画...

    jquery实现周历记事本

    《jQuery实现周历记事本详解》 在Web开发领域,日历插件是一个常见的需求,而jQuery作为一款广泛使用的JavaScript库,提供了丰富的功能来帮助开发者实现这些需求。本项目"jQuery实现周历记事本"就是这样一个示例,...

    weekCalendar.rar

    weekCalendar插件利用jQuery的强大功能,实现了轻量级且功能丰富的周历展示。 该插件的核心功能是左右点击或滑动切换上下周。这种设计考虑到了用户的操作习惯,使得在网页上查看和规划周计划变得直观且快捷。用户只...

    比较难找的周历插件

    "周历插件"通常是指能在网页上显示并操作一周时间安排的组件,这种插件在项目管理、日程安排或时间跟踪的应用中特别有用。它们通常具备以下特点: 1. **多视图**:提供日、周、月等多种视图,方便用户根据需要切换...

    jquery easyui 周历 周选择下拉控件

    以上便是关于“jquery easyui 周历 周选择下拉控件”的详细知识点介绍,这个控件的实现涉及到了组件扩展、事件处理、样式定制和配置选项等多个方面,充分展示了JavaScript和jQuery EasyUI在前端开发中的强大功能。

    周日历WeekCalendar

    《WeekCalendar:基于ViewPager的日历卡片实现》 在Android应用开发中,日历视图是常见的一种用户界面元素,尤其在日程管理、...通过深入理解并实践WeekCalendar的实现,开发者可以为自己的项目增添更多功能和亮点。

    easycal:简单的周历jQuery插件

    易卡(easycal)是一款基于jQuery的轻量级周历插件,设计初衷是为了帮助用户在网页中快速、方便地展示和管理日程安排。JavaScript作为客户端脚本语言,是实现此类交互式功能的理想选择,因为它允许动态更新页面内容...

    jquery周日历超级实用,可做日常事务记事、也可以做课程表等

    首先,我们关注的核心文件`jquery.weekcalendar.js`是这个日历插件的核心代码,它实现了日历的展示、事件添加、编辑和删除等功能。通过这款插件,用户可以方便地查看一周内的日期,并对特定日期进行标注,无论是记录...

    周日历选择插件jcalendar_week

    之前在网上想找一个简单易用的周日历选择插件,发现这种前端周日历插件很少,而且很多文章写的周的算法都不是统一的,所以自己实现了一个基于jquery的周日历插件(还支持跳转到指定年份和周哦)。 插件中周的算法:...

    js 周历控件 --实现自动显示本周功能等

    简单js周历控件 功能描述:根据当前的时间得到本周以及前几周的列表。 显示格式:34周(2009-8-17至2009-8-23) 调用方法: 方法一: <input name="show_time" type="text" onclick="calendar('Week_time');" size=...

    移动端周历

    5. **自定义配置**:允许用户根据需求调整周历的显示,比如更改一周的起始日(默认是周一)。 6. **性能优化**:考虑到移动端资源有限,优化渲染和内存使用是必要的,确保周历在各种设备上都能流畅运行。 接下来,...

    web日程管理 jquery日,周,月程

    在本案例中,我们关注的是一个使用jQuery实现的日程管理工具,这表明它利用了JavaScript库jQuery的强大功能来提供交互式和用户友好的日历界面。让我们深入探讨jQuery实现的日程管理的相关知识点。 首先,jQuery是一...

    vuejsTime横向时间年月日星期插件

    在这个"vuejsTime横向时间年月日星期插件"中,我们讨论的是如何在Vue.js项目中实现一个能够展示横向时间轴,包含年、月、日和星期的功能。 首先,我们需要理解这个插件的核心功能。横向时间轴通常用于展示时间序列...

    Jquery横向滚动日历基于swiper

    确保Swiper和jQuery库版本与目标浏览器相兼容,并使用Modernizr等工具检测浏览器特性,以实现跨平台的兼容性。 总的来说,"jQuery横向滚动日历基于Swiper"是一个结合了前端两大利器——jQuery的DOM操作和Swiper的...

    周历显示的文件,可以显示1年内的所有周

    本文将深入探讨如何使用C#语言开发一个能够显示一年内所有周的周历,并突出显示当前周的功能,同时允许用户通过点击周进行相关操作,如撰写工作周报。 首先,我们需要理解C#的基础知识,它是一种面向对象的编程语言...

Global site tag (gtag.js) - Google Analytics