ITXST.COM 为程序员提供优质教程和文档

bootstrap-datepicker inputs 区间选择

同我们会遇到这样的场景需要选择区间日期,比如开始日期结束日期如入住日期和退房日期,bootstrap-datepicker提供了inputs属性来快速时间这个功能。

bootstrap-datepicker show控件展开事件

用户点击bootstrap-datepicker控件时,会执行show控件展开事件,你可以通过该事件知道用户什么时候展开了控件。

bootstrap-datepicker setDaysOfWeekHighlighted方法设置星期一星期天高亮显示

bootstrap-datepicker setDaysOfWeekHighlighted方法设置星期几高亮显示起到提示的作用,比如设置星期一和星期日高亮显示。

bootstrap-datepicker setDaysOfWeekDisabled方法设置星期几不能选择

bootstrap-datepicker setDaysOfWeekDisabled方法设置星期几不能选择,比如设置星期六星期天不能选择,通过setDatesDisabled方法也可以实现设置星期六星期天不能选择,但是需要自己去计算那天是星期六星期天,而setDaysOfWeekDisabled则通过传入0-6数字进行快速简单的设置。

bootstrap-datepicker setDatesDisabled方法设置不可选日期

bootstrap-datepicker setDatesDisabled方法设置不可选日期,比如设置星期六星期天不允许选择。

bootstrap-datepicker setEndDate方法设置日期控件可选结束日期

bootstrap-datepicker setEndDate方法设置日期控件可选结束日期,比如设置为2020-7-8号则只能选择该日期及之前的日期。

bootstrap-datepicker setStartDate方法设置日期控件起始日期(可选日期)

bootstrap-datepicker setStartDate方法设置日期控件起始日期及可选日期,比如设置为2020-7-2号则只能选择该日期及之后的日期。

bootstrap-datepicker clearDates清除控件日期值

bootstrap-datepicker clearDates方法清除控件日期值,包括清除输入框的值,无需传入任何参数。

bootstrap-datepicker format 日期格式比如显示中文年月日

bootstrap-datepicker的format属性可以日期格式来显示不同的格式,比如显示中文年月日或者yyyy-mm-dd

bootstrap-datepicker getUTCDate设置控件日期

bootstrap-datepicker getUTCDate获取控件UTC日期,如果是多选模式返回最新的一个日期,返回的时间是UTC时间。多选模式使用getUTCDates返回数组。

bootstrap-datepicker getDate获取控件日期

bootstrap-datepicker getDate获取控件日期,如果是多选模式返回最新的一个日期,返回的时间是本地时间并部是UTC时间。

bootstrap-datepicker setUTCDate设置控件日期

​bootstrap-datepicker setUTCDate设置控件日期,默认传入的参数是UTC时间,即使传入的是当地时间该方法也部会转换,如果你的业务是全球化产品则需要注意该方法。

bootstrap-datepicker setDate设置控件日期

bootstrap-datepicker setDate设置控件日期和update方法的区别是,如果传入的参数是当地时间将会转换成功UTC时间,如果你的业务是全球化产品则需要使用该方法去设置控件的时间。

bootstrap-datepicker update设置控件选中日期

bootstrap-datepicker update设置控件选中日期,通过update方法可以设置日期控件的选中值并会修改对应的输入框的值。

bootstrap-datepicker 通过hide方法隐藏日期选择框

bootstrap-datepicker 通过hide方法隐藏日期选择框

bootstrap-datepicker startDate和endDate起始日期和结束日期

bootstrap-datepicker startDate和endDate起始日期和结束日期,限制用户选择日期的范围。

bootstrap-datepicker 通过show方法主动弹出日期选择框

bootstrap-datepicker 通过show方法主动弹出日期选择框,应用场景我理解的是这样的,有些用户为了快速的填写表单并不会去使用鼠标,而是通过键盘操作,当然输入日期input框获得焦点时,可以通过show方法主动弹出日期选择框让用户快速选择。

bootstrap-datepicker destroy注销控件的方法

bootstrap-datepicker destroy注销控件的方法,当我们不再需要日期控件时可以调用该方法进行注销。

bootstrap-datepicker defaultViewDate根据指定日期展开选择面板

bootstrap-datepicker defaultViewDate根据指定日期展开选择面板,比如当前日期是2020-06-25,我们需要在用户点击输入框弹出日期控件选择面板时显示的日期是2019-10-01。

bootstrap-datepicker minViewMode设置最小可选单位,比如只能选择月份

bootstrap-datepicker minViewMode设置最小可选单位,比如只能选择月份或者年份。