最新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)
全栈程序员-站长的头像全栈程序员-站长


相关推荐

  • tp系统常量定义

    tp系统常量定义

    2021年9月19日
    79
  • 公网远程开机(唤醒家庭PC)

    公网远程开机(唤醒家庭PC)一、背景前一段搞使用seafile搞了私有云盘,不过不需要的时候开着电脑好像有点浪费,所以就开始了通过公网开机的道路二、关键性问题问题要说在前面,常规性的东西百度一般配置都可以搞定,如果各种面向百度的配置都已经尝试,请注意如下问题。. 一定在被开机的直连路由设备上进行MAC与IP地址绑定(原理略)。局域网直接子网内广播发送可以不用绑定。 被开机的系统需要安装对应的网卡驱动(实验CentOS7是有问题的,windows用驱动精灵安装下网卡驱动搞定)三、通过互联网公网远程开机一般性步骤按照常

    2022年5月30日
    66
  • 最新安卓JAVA模拟器_安卓java模拟器完美版下载-安卓java模拟器直装最新版下载v1.4.6 – 欧普软件园…

    最新安卓JAVA模拟器_安卓java模拟器完美版下载-安卓java模拟器直装最新版下载v1.4.6 – 欧普软件园…安卓java模拟器是一款十分好用的游戏模拟器,在这款软件里面你能够看到海量的游戏内容,各种2D、3D的游戏玩,无需你下载,直接在模拟器里面就可以开启你的游戏模式了。虚拟按键的设置也是十分简单的,快来下载享受游戏带来的快乐吧!安卓java模拟器软件介绍J2ME模拟器Android版J2MELoader是一个Android版的J2ME(Java2MicroEdition)模拟器。它支持大多数的…

    2022年7月7日
    35
  • mysql面试50题_面试三道题思考几分钟

    mysql面试50题_面试三道题思考几分钟一、基础笔试命令考察要求:每两个同学一组,一个口头考,一个上机实战作答,每5个题为一组,完成后换位1.开启MySQL服务2.检测端口是否运行3.为MySQL设置密码或者修改密码4.登陆MySQL数据库5.查看当前数据库的字符集6.查看当前数据库版本7.查看当前登录的用户8.创建GBK字符集的数据库oldboy,并查看已建库完整语句9.创建用户oldboy,使…

    2022年8月27日
    8
  • XPath语法_java中path的作用

    XPath语法_java中path的作用XPath简介XPath是W3C的一个标准。它最主要的目的是为了在XML1.0或XML1.1文档节点树中定位节点所设计。目前有XPath1.0和XPath2.0两个版本。其中Xpath1.0是199

    2022年8月1日
    4
  • java校验json格式_json格式校验

    java校验json格式_json格式校验C语言json格式校验最近用到json格式数据传输信息,在C语言中使用cjson解析json字符串,若json格式不正确,会使整个进程直接挂掉。想到能否在解析前先进行格式校验,通过后再解析,查找资料,网上有现成源码,网址:http://www.json.org/JSON_checker/主要用到两个文件JSON_checker.c和JSON_checker.h,具体用法可以参考main.c。这里参考了博客:C语言如何检测json格式的数据合法性中的用法,并加以改进。在官网中提供了json检查的测试文

    2025年8月1日
    2

发表回复

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

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