最新datetimepicker用法总结

最新datetimepicker用法总结首先简单的介绍一下官网上的 然后再看看 nbsp datetimepick 中的影藏福利 官网 选项 formatString 默认值 mm dd yyyy 日期格式 p P h hh i ii s ss d dd m mm M MM yy yyyy 的任意组合 weekStartInt

首先简单的介绍一下官网上的,然后再看看 datetimepicker 中的影藏福利!

官网:

选项

format

String. 默认值: ‘mm/dd/yyyy’

日期格式, p, P, h, hh, i, ii, s, ss, d, dd, m, mm, M, MM, yy, yyyy 的任意组合。

weekStart

Integer. 默认值:0

一周从哪一天开始。0(星期日)到6(星期六)

startDate

Date. 默认值:开始时间

endDate

Date. 默认值:结束时间

daysOfWeekDisabled

String, Array. 默认值: ”, [],用于设置一周中不可选取的时间(如星期六、星期日)

autoclose

Boolean. 默认值:false

当选择一个日期之后是否立即关闭此日期时间选择器。

startView

Number, String. 默认值:2, ‘month’

日期时间选择器打开之后首先显示的视图。 可接受的值:

  • 0 or ‘hour’ for the hour view
  • 1 or ‘day’ for the day view
  • 2 or ‘month’ for month view (the default)
  • 3 or ‘year’ for the 12-month overview
  • 4 or ‘decade’ for the 10-year overview. Useful for date-of-birth datetimepickers.

minView

Number, String. 默认值:0, ‘hour’

日期时间选择器所能够提供的最精确的时间选择视图。

maxView

Number, String. 默认值:4, ‘decade’

日期时间选择器最高能展示的选择范围视图。

todayBtn

Boolean, “linked”. 默认值: false

如果此值为true 或 “linked”,则在日期时间选择器组件的底部显示一个 “Today” 按钮用以选择当前日期。如果是true的话,”Today” 按钮仅仅将视图转到当天的日期,如果是”linked”,当天日期将会被选中。

todayHighlight

Boolean. 默认值: false

如果为true, 高亮当前日期。

keyboardNavigation

Boolean. 默认值: true

是否允许通过方向键改变日期。

language

String. 默认值: ‘en’

forceParse

Boolean. 默认值: true

当选择器关闭的时候,是否强制解析输入框中的值。也就是说,当用户在输入框中输入了不正确的日期,选择器将会尽量解析输入的值,并将解析后的正确值按照给定的格式format设置到输入框中。

minuteStep

Number. 默认值: 5

此数值被当做步进值用于构建小时视图。对于每个 minuteStep 都会生成一组预设时间(分钟)用于选择。

pickerReferer : 不建议使用

String. 默认值: ‘default’ (other value available : ‘input’)

The referer element to place the picker for the component implementation. If you want to place the picker just under the input field, just specify input.

pickerPosition

String. 默认值: ‘bottom-right’ (还支持 : ‘bottom-left’)

此选项当前只在组件实现中提供支持。通过设置选项可以讲选择器放倒输入框下方。

viewSelect

Number or String. 默认值: same as minView (supported values are: ‘decade’, ‘year’, ‘month’, ‘day’, ‘hour’)

With this option you can select the view from which the date will be selected. By default it’s the last one, however you can choose the first one, so at each click the date will be updated.

showMeridian

Boolean. 默认值: false

This option will enable meridian views for day and hour views.

initialDate

Date or String. 默认值: new Date()

You can initialize the viewer with a date. By default it’s now, so you can specify yesterday or today at midnight …


方法

.datetimepicker(options)

初始化日期时间选择器。

remove

参数: None

移除日期时间选择器。同时移除已经绑定的event、内部绑定的对象和HTML元素。

show

参数: None

显示日期时间选择器。

hide

参数: None

隐藏日期时间选择器。

update

参数: None

使用当前输入框中的值更新日期时间选择器。

setStartDate

参数:

  • startDate (String)

给日期时间选择器设置一个新的起始日期。

setEndDate

参数:

  • endDate (String)

给日期时间选择器设置结束日期。

setDaysOfWeekDisabled

参数:

  • daysOfWeekDisabled (String|Array)

Sets the days of week that should be disabled.

下面来看看影藏福利。

福利:

选项

container

String. 默认值: ‘body

formatType

String. 默认值: ‘standard

日期数据格式类型,有php、standard两种。

fontAwesome

String. 默认值: false

false表示默认图标(时间选择器中的箭头),可添加 fontAwesome 中的类名来添加样式。

bootcssVer

String. 默认值: false

false表示默认图标(时间选择器中的箭头),可添加 fontAwesome 中的类名来添加样式。

showMeridian

String. 默认值: false

false表示默认图标(时间选择器中的箭头),可添加 fontAwesome 中的类名来添加样式。

title

String. 默认值: false

false表示默认图标(时间选择器中的箭头),可添加 fontAwesome 中的类名来添加样式。

timezone

String. 默认值: false

false表示默认图标(时间选择器中的箭头),可添加 fontAwesome 中的类名来添加样式。

formatViewType

String. 默认值: false

false表示默认图标(时间选择器中的箭头),可添加 fontAwesome 中的类名来添加样式。

todayBtn

String. 默认值: false

false表示默认图标(时间选择器中的箭头),可添加 fontAwesome 中的类名来添加样式。

clearBtn

String. 默认值: false

false表示默认图标(时间选择器中的箭头),可添加 fontAwesome 中的类名来添加样式。

todayHighlight

String. 默认值: false

false表示默认图标(时间选择器中的箭头),可添加 fontAwesome 中的类名来添加样式。

onRenderDay

String. 默认值: false

false表示默认图标(时间选择器中的箭头),可添加 fontAwesome 中的类名来添加样式。

onRenderHour

String. 默认值: false

false表示默认图标(时间选择器中的箭头),可添加 fontAwesome 中的类名来添加样式。

onRenderMinute

String. 默认值: false

false表示默认图标(时间选择器中的箭头),可添加 fontAwesome 中的类名来添加样式。

onRenderYear

String. 默认值: false

false表示默认图标(时间选择器中的箭头),可添加 fontAwesome 中的类名来添加样式。

onRenderMonth

String. 默认值: false

false表示默认图标(时间选择器中的箭头),可添加 fontAwesome 中的类名来添加样式。

datesDisabled

String. 默认值: false

false表示默认图标(时间选择器中的箭头),可添加 fontAwesome 中的类名来添加样式。

minutesDisabled

String. 默认值: false

false表示默认图标(时间选择器中的箭头),可添加 fontAwesome 中的类名来添加样式。

hoursDisabled

String. 默认值: false

false表示默认图标(时间选择器中的箭头),可添加 fontAwesome 中的类名来添加样式。
























版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请联系我们举报,一经查实,本站将立刻删除。

发布者:全栈程序员-站长,转载请注明出处:https://javaforall.net/232618.html原文链接:https://javaforall.net

(0)
全栈程序员-站长的头像全栈程序员-站长


相关推荐

  • CSDN积分获取(csdn怎么查看积分)

    下载积分攻略:个人设置里进行手机绑定CSDN账户奖励50分(右上角设置-账户安全-手机绑定)完成任务送若干分积分http://task.csdn.net/上传有效资源获取积分(上传非法,广告资源用户,将被扣除一定积分,严重者封号)。·上传自己设分资源被下载,下载量×资源分,100分封顶。·上传0分资源被下载,下载量×系统奖励1分,100封顶评论资源获取积分(所下载资源只可以…

    2022年4月12日
    74
  • 向量的内积与夹角_两个向量的内积怎么算

    向量的内积与夹角_两个向量的内积怎么算最近在做文本聚类,用到了奇异值分解,可是我不明白原理,于是复习线性代数。遇到了向量内积和夹角的关系,不太明白。向量内积,也叫做向量的点积,是两个向量对应分量乘积之和。如果两个向量是垂直的,那么点积为0。如果点积为0,那么两个向量是垂直的。如果两个向量内积大于0,那么两个向量夹角小于90’,如果两个向量内积小于0,那么两个向量夹角大于90’。    $$x=

    2022年9月24日
    5
  • 怎样使用cookie登录自己的账号

    在这之前,不管是做测试还是挖漏洞总会遇到这种问题做测试的时候测试项里面有一个会话标识未更新,这种漏洞说白了就是在退出个人账户的时候没有及时的清除cookie,从而让别人利用你的cookie再次登录你的账户,然后测试的时候客户就让测试如何使用cookie登录在挖漏洞的时候一般xss都需要打cookie然后伪造别人的身份登录,其实也是使用打到的cookie登录在这之前我没深入的理解这块,现…

    2022年4月8日
    81
  • notifyone和notifyall区别_notify被动形式

    notifyone和notifyall区别_notify被动形式Notify与notifyall的区别notifyAll使所有原来在该对象上等待被notify的线程统统退出wait的状态,变成等待该对象上的锁,一旦该对象被解锁,他们就会去竞争。 notify则文明得多他只是选择一个wait状态线程进行通知,并使它获得该对象上的锁,但不惊动其他同样在等待被该对象notify的线程们,当第一个线程运行完毕以后释放对象上的锁此时如果该对象没有再次使用notify语句…

    2025年10月1日
    3
  • VUE分页出现省略号「建议收藏」

    VUE分页出现省略号「建议收藏」提示:文章写完后,目录可以自动生成,如何生成可参考右边的帮助文档VUE分页出现省略号废话不多说直接上代码calcPageNum(){letpageTotal=Math.ceil(this.total/this.limit);//获取最大页码数letcur=this.currentPage;//获取当前页码数if(pageTotal<7){//判断什么时候正常显示

    2022年10月1日
    3
  • 常量字符串过长的解决办法_jdbc编译异常

    常量字符串过长的解决办法_jdbc编译异常如果使用String str = “这是一个很长很长很长 你需要的字符串。”; 出现异常不能正常编译运行时,可以使用下方:StringBuilder sb = new StringBuilder();sb.append(“这是一个很长很长”);sb.append(“很长 你需要的字符串”);字符串太长或字符串其他情况下可使用 : StringBuilder sb = new StringBuilder()…

    2022年8月20日
    7

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

关注全栈程序员社区公众号