美文网首页
datepicker

datepicker

作者: moxhuis | 来源:发表于2015-08-13 10:33 被阅读0次

使用方法

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

相关文章

网友评论

      本文标题:datepicker

      本文链接:https://www.haomeiwen.com/subject/rgaiqttx.html