jquery datetimepicker的常用参数

本文详细介绍了 jQuery datetimepicker 插件的各种配置参数及其用途,包括日期格式、语言设置、时间选择等功能,帮助开发者快速掌握该插件的使用方法。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

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)' }

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值