项目作者: stackjie

项目描述 :
一个基于jQuery的日期选择器
高级语言: JavaScript
项目地址: git://github.com/stackjie/simple-datepicker.git


logo

ejDate.js

一个简单、易用的的日期选择组件

如何使用

ejDate.js依赖jquery,必须先引入jquery,并将本项目下的dist文件夹内的jquery.ejDate.min.css和jquery.ejDate.min.js引入。

初始化

  1. <input type="text" id="demo_ejdate">

使用jquery选择器获取到text表单后执行ejDate()构造函数并传入配置参数。

  1. $('#demo_ejdate').ejDate({
  2. yearULV:2020, // 设置年份的上限值
  3. yearDLV:1970, // 设置年份的下限值
  4. disabledDateReg:/2016y10m((11d)|(15d))/, //筛选禁用日期的正则
  5. checkedDateFunc:function(date){ // 选中日期后执行的回调函数
  6. console.log(date);
  7. }
  8. });

demo

配置对象

yearULV

年份的上限值,如果指定该属性,ejDate.js会根据该值限制年份的上限,如果不指定上限默认为今年

yearDLV

年份的下限值,作用同上,不指定下限值默认为1970年

disabledDateReg

禁用日期的正则表达式,ejDate.js会根据你传入的正则表达式来筛选日期
2016y6m6d正则表达式需要根据该格式的字符串来编写,y代表年,m为月d为日。
在ejDate.js生成日期时都会生成这么一个对应的字符串,根据你传入的正则表达式来匹配该字符串,如果能匹配,字符串对应的日期将会被禁用。

checkedDateFunc

选中日期后执行的回调函数,可以接收date参数,date参数为选中的日期,是一个JavaScript原生日期对象

API

执行ejDate()构造函数后会返回一个ejDate对象,ejDate对象提供了一些简单的api

getDate()

获取选中的日期,返回一个JavaScript日期对象

setDate(year,month,day)

设置选中的日期,需要传入年月日三个参数