IT小书童 我的代码收藏工具

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设置最小可选单位,比如只能选择月份或者年份。

bootstrap-datepicker daysOfWeekDisabled设置星期六星期天不可选

bootstrap-datepicker的daysOfWeekDisabled属性可以设置星期几为不可选,比如设置星期六星期天这种双休日不可选择。

bootstrap-datepicker datesDisabled设置日期不可选

通过bootstrap-datepicker的datesDisabled属性可以简单快速的设置某些日期不可选,当然也可以通过beforeShowDay属性设置日期不可选,区别是beforeShowDay可顶制度更高。

bootstrap-datepicker calendarWeeks显示当前第几周

通过bootstrap-datepicker的calendarWeeks属性我们可以在日期控件的第一列显示当前第几周

bootstrap-datepicker beforeShowYear自定义年份

通过bootstrap-datepicker的beforeShowYear的属性设置特殊年份,可以自定义该年份是否可选择、样式及鼠标移动到年份上面的提示文字。

bootstrap-datepicker beforeShowMonth设置特殊月份

通过bootstrap-datepicker的beforeShowMonth的属性设置特殊月份,比如自定义1月份不允许选择并设置背景色和文字颜色