API Docs for: 0.2
Show:

JC.DCalendar Class

双日历日期选择组件

require: JC.BaseMVC

JC Project Site | API docs | demo link

可用的 HTML attribute

datatype = string 必填项
声明日历控件的类型:
ddate: 日期日历
drange: 日期范围日历( 成对出现 )
minvalue = ISO Date
日期的最小时间, YYYY-MM-DD
maxvalue = ISO Date
日期的最大时间, YYYY-MM-DD
currentcanselect = bool, default = true
当前日期是否能选择
monthmum = int
声明显示月份日历面板的个数(一次性可显示2到12个月份),默认为2(双日历)
showtype = block || float
声明月份日历面板的显示方式,默认为float
float(比如两个月份并排显示) 查看
block (月份日历面板竖排显示)查看
calendarshow = function
显示日历显示后的回调
function calendarShow( selector ) {
   var ins = this;
   JC.log( "calendarshow", new Date().getTime(), selector.val() );
}
calendarhide = function
隐藏日历后的回调
function calendarhide( selector ) {
   JC.log( "calendarhide", $(selector).val(), new Date().getTime() );
}
calendarclear = function
清空选中日期后的回调
function calendarclear( selector ) {
   JC.log( "calendarclear", $(selector).val(), new Date().getTime() );
}
updatedate = function
选中日期后回调
function updatedate( selector ) {
   JC.log( "updatedate", $(selector).val(), new Date().getTime() );
}
updatemonth = function
选中月份后回调
function updatemonth( selector ) {
   JC.log( "updatedatemonth", $(selector).val(), new Date().getTime() );
}
updateyear = function
选中年份后回调
function updateyear( selector ) {
   JC.log( "updatedateyear", $(selector).val(), new Date().getTime() );
}
beforeupdateyear = function
更新年份前的回调,即年份日历面板出来时
function beforeupdateyear( selector ) {
   JC.log( "beforeupdateyear", $(selector).val(), new Date().getTime() );
}
beforeupdatemonth = function
更新月份前的回调,即月份日历面板出来时
function beforeupdateymonth( selector ) {
   JC.log( "beforeupdateymonth", $(selector).val(), new Date().getTime() );
}
beforeupdatemont = function
更新月份前的回调,即月份日历面板出来时
function beforeupdateymonth( selector ) {
   JC.log( "beforeupdateymonth", $(selector).val(), new Date().getTime() );
}
updateprevpageyear = function
点击上一页年份时的回调
function updatprevtpageyear( selector ) {
   JC.log( "updateprevpageyear", $(selector).val(), new Date().getTime() );
}
updatenextpageyear = function
点击下一页年份时的回调
function updatenextpageyear( selector ) {
   JC.log( "updatenextpageyear", $(selector).val(), new Date().getTime() );
}
updateprevyear = function
点击上一年时的回调,月份日历面板点击上一页
function updatprevyear( selector ) {
   JC.log( "updateprevyear", $(selector).val(), new Date().getTime() );
}
updatenextyear = function
点击下一年时的回调,月份日历面板点击下一页
function updatenextyear( selector ) {
   JC.log( "updatenextyear", $(selector).val(), new Date().getTime() );
}
updateprevmonth = function
点击上一月时的回调,日期日历面板点击上一页
function updatprevmonth( selector ) {
   JC.log( "updateprevmonth", $(selector).val(), new Date().getTime() );
}
updatenextmonth = function
点击下一月时的回调,日期日历面板点击下一页
function updatenextmonth( selector ) {
   JC.log( "updatenextmonth", $(selector).val(), new Date().getTime() );
}

Constructor

JC.DCalendar

(
  • _selector
)

Parameters:

Methods

_beforeInit

() private

初始化之前调用的方法

_init

(
  • _selector
)
private

内部初始化方法

Parameters:

  • _selector Selector

_inited

() private

内部初始化完毕时, 调用的方法

_initHanlderEvent

() private

内部事件初始化方法

_initStatus

(
  • _selector
)
protected static

初始化可识别的 DCalendar 的状态

Parameters:

  • _selector Selector

getInstance

(
  • _selector
)
DCalendarInstance static

获取或设置 DCalendar 的实例

Parameters:

  • _selector Selector

Returns:

DCalendarInstance:

init

(
  • _selector
  • _onlyStatus
)
Array of DCalendarInstance static

初始化可识别的 DCalendar 实例

Parameters:

  • _selector Selector
  • _onlyStatus Bool

    default = false

Returns:

Array of DCalendarInstance:

notification

(
  • _evtName
  • _args
)

通知选择器有新事件
JC 组件以后不会在 HTML 属性里放回调, 改为触发 selector 的事件

Parameters:

notificationHandler

(
  • _evtName
  • _args
)

通知选择器有新事件, 有返回结果
JC 组件以后不会在 HTML 属性里放回调, 改为触发 selector 的事件

Parameters:

Returns:

:

on

(
  • _evtName
  • _cb
)

使用 jquery on 绑定事件

Parameters:

Returns:

BaseMVCInstance

pickDate

(
  • _selector
)
static

弹出日期选择框

Parameters:

  • _selector Selector

    需要显示日期选择框的标签

Example:

       <dl>
           <dd>
               <input type="text" name="date6" class="manualPickDate" value="20110201" />
               manual JC.DCalendar.pickDate
           </dd>
           <dd>
               <input type="text" name="date7" class="manualPickDate" />
               manual JC.DCalendar.pickDate
           </dd>
       </dl>
       <script>
           $(document).delegate('input.manualPickDate', 'focus', function($evt){
               JC.DCalendar.pickDate( this );
           });
       </script>

selector

()

获取 显示 BaseMVC 的触发源选择器, 比如 a 标签

Returns:

selector

trigger

(
  • _evtName
  • _args
)

使用 jquery trigger 触发绑定事件

Parameters:

Returns:

BaseMVCInstance

triggerHandler

(
  • _evtName
  • _args
)

使用 jquery triggerHandler 触发绑定事件

Parameters:

Returns:

: