使用方法
js调用datepicker可以加入控制参数:
$('#demo4').datepicker({
startDate: "2014-04-16",
data-date-format: "yyyy-mm-dd",
size: "small"
});
这些参数也可以使用data api 来传递:
比如 startDate 可以用 data-date-start-date="2014-04-16"
, format 为 data-date-format="yyyy-mm-dd"
可配置项
名称
默认值 说明
dayConfig
//todo
needLunar
false
是否开启农历 //todo
autoclose
true
选择完日期是否自动关闭日期选器,false/true
calendarWeeks
false
是否显示第几周 ,false/true
todayHighlight
true
是否高亮今天
keyboardNavigation
true
是否允许键盘选择日期,fasle/true
forceParse
true
是否强制input中的value为标准日期格式
format
"yyyy-mm-dd"
日期格式,用y代表年(2014)四个数字中的一个数字,同理 m-月,d-天
startView
0
插件启动时显示的范围,0-显示一个月,1-显示一年,2-显示10年
minViewMode
0
显示的最小日期,0-显示到天,1-显示到月,2-显示到年
todayBtn
false
回到今天按钮,false-不启用,true-启用,"linked"-点击按钮回到今天并且选中今天
orientation
"auto"
插件相对于输入框的位置,"auto/top/bottom auto/left/right",总共9这种组合,比如"top left"-左上角
startDate(minDate)
-Infinity
可选的最早时间,"2014-04-16" ,时间格式和format一致
endDate(maxDate)
Infinity
可选的最远时间,"2014-04-16" ,时间格式和format一致
Multidate
false
多选日期,可以填写数字,表示选择几个日期,比如 "2",可以输入2个日期
beforeShowDay
$.noop
选择日的回调,function(date){return value}, typeof value == undefined
-- 不会产生任何影响, typeof value == Boolean,是否选中当前日期, typeof value === String 作为css class,会被添加到插件当前日期上去 typeof value == object 可以有三个字段enabled,classes,tooltip。 enabled 和单独返回Booleen一样, classes和单独返回string一样, tooltip 会在插件上的当前日期添加一个title属性xian
size``' '
默认日期框尺寸为283254,现在提供一种小尺寸,设置属性size为"small",尺寸为216198