开发者社区> 老朱教授> 正文
阿里云
为了无法计算的价值
打开APP
阿里云APP内打开

jQuery日期选择器插件date-input

简介:
+关注继续查看

这里介绍一个jQuery日期选择器插件date-input,使用方法与Datepicker一样,文本框直接调用即可,date-input可自定义日期的显示格式,同时支持多种语言包,当然也有中文语言包,效果图如下:

查看date-input插件官方在线演示

使用说明
需要使用jQuery库文件和date-input库文件
同时需要使用控制日期显示效果的CSS文件
必优推荐级别:

使用实例
一,包含文件部分

  1. <script type="text/javascript" src="jquery.js"></script>
  2. <script type="text/javascript" src="jquery.date_input.js"></script>
  3. <link rel="stylesheet" href="date_input.css" type="text/css">

二,HTML部分

  1. <input type="text" class="biuuu" name="date"/>

三,Javascript部分

  1. $(function() {
  2. $(".biuuu").date_input();
  3. });

如上实例,使用日期插件date-input非常简单,定义日期输入的文本框,直接调用date-input接口。

date-input中文语言包如下:

  1. jQuery.extend(DateInput.DEFAULT_OPTS, {
  2. month_names: ["一月", "二月", "三月", "四月", "五月", "六月", "七月", "八月", "九月", "十月", "十一月", "十二月"],
  3. short_month_names: ["一", "二", "三", "四", "五", "六", "七", "八", "九", "十", "十一", "十二"],
  4. short_day_names: ["一", "二", "三", "四", "五", "六", "日"]
  5. });



  6. 本文转自94cool博客园博客,原文链接:http://www.cnblogs.com/94cool/archive/2011/05/20/2052005.html,如需转载请自行联系原作者

版权声明:本文内容由阿里云实名注册用户自发贡献,版权归原作者所有,阿里云开发者社区不拥有其著作权,亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容,填写侵权投诉表单进行举报,一经查实,本社区将立刻删除涉嫌侵权内容。

相关文章
【前端】使用jQuery封装一套UI组件 - 级联选择器组件
本篇文章来讲解下级联选择器组件 级联选择器,在实际项目中也是比较常用的组件,比如:省市区三级关联,上下级联动等 最后面会附上全部代码
0 0
jQuery选择器(满足你的所有业务)
jQuery选择器(满足你的所有业务)
0 0
jQuery的选择器
和使⽤ JS 操作Dom⼀样,获取⽂档中的节点对象是很频繁的⼀个操作,在jQuery中提供了简便的⽅式供我们查找|定位元素,称为jQuery选择器,选择器可以说是最考验⼀个⼈ jQuery 功⼒的地⽅,通俗的讲, Selector 选择器就是"⼀个表示特殊语意的字符串"。只要把选择器字符串传⼊上⾯的⽅法中就能够选择不同的 Dom 对象并且以 jQuery 包装集的形式返回。
0 0
jQuery基础选择器
jQuery引入及其选择器 jQuery是JS的一个库,它里面封装了一些我们开发中常用的一些功能;它提供了一些方便的选择器,可以让我们更方便的操作DOM。
0 0
jQuery选择器之过滤选择器
jQuery选择器之过滤选择器
0 0
jQuery选择器之基本选择器(简单)及层次选择器(重要)
jQuery选择器之基本选择器(简单)及层次选择器(重要)
0 0
jquery选择器案例分享
jquery选择器案例分享
0 0
第二章jQuery选择器
第二章jQuery选择器
0 0
jQuery选择器整理
jQuery选择器整理
0 0
jQuery选择器案例之——index.js
jQuery选择器案例之——index.js
0 0
+关注
文章
问答
文章排行榜
最热
最新
相关课程
更多
相关电子书
更多
利用编译将 Vue 组件转成 React 组件
立即下载
低代码开发师(初级)实战教程
立即下载
阿里巴巴DevOps 最佳实践手册
立即下载