jquery UI Datepicker时间控件的使用方法(基础版)

 更新时间:2015年11月07日 10:59:13   作者:心存善念  
这篇文章主要介绍了jquery ui datepicker时间控件的使用方法,需要的朋友可以参考下

本文为大家分享jquery ui datepicker时间控件的使用方法,通过实例讲解了解ui datepicker时间控件,先给大家看一看效果图:

效果:

常用场合:
1.输入框
2.div
使用方法:
1.限制日期

$("#resultDiv").datepicker({
 onSelect: function (dateText, inst) {
 //代码:选择日期后触发的事件
 },
 minDate: new Date(),//最小日期
 maxDate: new Date($("#DateLimit").val())//最大日期
 });

2.中文

jQuery(function ($) {
 $.datepicker.regional['zh-CN'] = {
 closeText: '关闭',
 prevText: '<上月',
 nextText: '下月>',
 currentText: '今天',
 monthNames: ['一月', '二月', '三月', '四月', '五月', '六月',
 '七月', '八月', '九月', '十月', '十一月', '十二月'],
 monthNamesShort: ['一', '二', '三', '四', '五', '六',
 '七', '八', '九', '十', '十一', '十二'],
 dayNames: ['星期日', '星期一', '星期二', '星期三', '星期四', '星期五', '星期六'],
 dayNamesShort: ['周日', '周一', '周二', '周三', '周四', '周五', '周六'],
 dayNamesMin: ['日', '一', '二', '三', '四', '五', '六'],
 weekHeader: '周',
 dateFormat: 'yy-mm-dd',
 firstDay: 1,
 isRTL: false,
 showMonthAfterYear: true,
 yearSuffix: '年'
 };
 $.datepicker.setDefaults($.datepicker.regional['zh-CN']);
 });

以上就是jquery ui datepicker时间控件的使用方法,内容很简单,目的就是让亲们了解一下UI datepicker时间控件,希望大家会喜欢,关于jquery ui datepicker时间控件并没有结束,下篇文章会继续深入了解。

相关文章

  • 省市二级联动小案例讲解

    省市二级联动小案例讲解

    这篇文章主要介绍了省市二级联动小案例讲解的相关资料,非常不错,具有参考借鉴价值,需要的朋友可以参考下
    2016-07-07
  • jQuery制作图片旋转效果

    jQuery制作图片旋转效果

    本文主要介绍了jQuery制作图片旋转效果的示例代码。具有很好的参考价值,下面跟着小编一起来看下吧
    2017-02-02
  • JQuery选择器特辑 详细小结

    JQuery选择器特辑 详细小结

    Jquery选择器分类:基本选择器,层次选择器,过滤选择器,表单选择器
    2012-05-05
  • JQuery选择器绑定事件及修改内容的方法

    JQuery选择器绑定事件及修改内容的方法

    这篇文章主要介绍了JQuery选择器绑定事件及修改内容的方法,涉及bind()、show()、hide()、html()等方法的使用技巧,需要的朋友可以参考下
    2015-01-01
  • 利用浮层使select不可选的实现方法

    利用浮层使select不可选的实现方法

    下面小编就为大家带来一篇利用浮层使select不可选的实现方法。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧,祝大家游戏愉快哦
    2016-12-12
  • Jquery 学习笔记(二)

    Jquery 学习笔记(二)

    从最开始看到Jquery这样的选择器就让我想起了CSS的选择器,简直是同出一辙啊,CSS的选择器语法个人觉得相当的经典,那么Jquery借鉴CSS也就没有多少疑问了。
    2009-10-10
  • Lazy Load 延迟加载图片的jQuery插件中文使用文档

    Lazy Load 延迟加载图片的jQuery插件中文使用文档

    Lazy Load 是一个用 JavaScript 编写的 jQuery 插件. 它可以延迟加载长页面中的图片. 在浏览器可视区域外的图片不会被载入, 直到用户将页面滚动到它们所在的位置. 这与图片预加载的处理方式正好是相反的
    2012-10-10
  • 了解了这些才能开始发挥jQuery的威力

    了解了这些才能开始发挥jQuery的威力

    下面介绍几个jQuery常用的方法,来让jQuery的威力发挥出来,否则只用有限的几个方法,相对于运行速度问题,真不如不用jQuery
    2013-10-10
  • 利用jQuery接受和处理xml数据的代码(.net)

    利用jQuery接受和处理xml数据的代码(.net)

    以下使用jQuery+Servlet接受和处理xml数据,模拟判断用户名是否存在
    2011-03-03
  • jQuery Easyui 验证两次密码输入是否相等

    jQuery Easyui 验证两次密码输入是否相等

    easyui是一种基于jQuery的用户界面插件集合。接下来通过本文给大家介绍jQuery Easyui 验证两次密码输入是否相等的相关知识,感兴趣的朋友一起学习吧
    2016-05-05

最新评论