jquery datetimepicker的常用参数

于意智
2023-12-01

jquery datetimepicker的常用参数

更多信息请点这里


名称默认值描述例子
valuenull设置值
{value:'12.03.2013', format:'d.m.Y'}
langen

设置样式显示语言,

中文:ch\zh\zh-TW

{lang:'zh'}
formatY/m/d H:i日期格式(参考网站
{format:'Y/m/d'}
timepickertrue显示时间选择部分
{timepicker:false}
datepicker true显示日期选择部分 {datepicker:false}
 weeks false显示周数 {weeks:true}
theme'default'皮肤样式
{theme:'dark'}
minDatefalse

设置可选择的最小日期(只有日期格式不包含时间部分才效)

{minDate:0}//今天
{minDate:'2013/12/03'}
{minDate:'-1970/01/02'}//昨天
 
 maxDate false  {maxDate:0}  
minTimefalse 
{minTime:0}
{minTime:'12:00'}
maxTimefalse  
allowTimes[]可供选择的时间点
{allowTimes:[
  '09:00',
  '11:00',
  '12:00',
  '21:00']}
maskfalse 
{mask:'9999/19/39',format:'Y/m/d'}
{mask:true,format:'Y/m/d'}
 yearOffset 0 默认年分偏移值 {yearOffset:1}
inlinefalse是否直接显示日历控件 
todayButtontrue是否显示"跳转至今天“的按钮 
defaultSelecttrue

当input为空时,高亮显示现在的日期或时间

 
validateOnBlurtrue

当控件失去焦点时,验证其值,如果没选择有效日期,则设置为现在的日期。

 
allowBlankfalse

是否允许设为空,即使validateOnBlur设置true,一样有效

 
onSelectDate

function(current_time

,$input){}

 
onSelectDate:function(ct,$i){
  alert(ct.dateFormat('d/m/Y'))}
onSelectTime

function(current_time

,$input){}

 
onSelectDate:function(ct,$i){
  alert(ct.dateFormat('H:i'))}
onShow

function(current_time

,$input){}

  
hours12 false12小时制 
yearStart 1950可选择的最小年份 
yearEnd 2050可选择的最大年份 
roundTime round

针对timepicker,可选择值: round, ceil, floor

 
dayOfWeekStart0  
disabledDates[] 
{disabledDates: ['01.01.2014','02.01.2014']
, formatDate:'d.m.Y'}
allowDates[]  
allowDateRe [] 使用正则表达式

 {format:'Y-m-d',allowDateRe:

'\d{4}-(03-31|06-30|09-30|12-31)' }

 类似资料: