日期控件属性,选择日期的控件叫什么

日期控件属性,选择日期的控件叫什么,第1张

bootstrap日期控件参数(Bootstrap datetimepicker使用方法)

参考css和js文件

ltlink rel = " style sheet " href = " Css/bootstrap-datetime picker . min . Css " >

ltscript src = " Js/bootstrap-datetime picker . Js " gt; lt/script gt;

  • 1

  • 2

    然后调用初始化日期插件方法:

    用法:

    ltinput size = " 16 " type = " text " value = " " class = " form _ datetime " >

    //这里是js:

    ltscript type = " text/JavaScript " gt;

    //日期插件

    $(".表单_日期时间”)。datetimepicker({

    格式:' yyyy-mm-dd ',//显示格式

    TodayHighlight: 1,//突出显示今天

    Min:“月”,//设置为只显示到该月。

    startView:2,

    强制解析:0,

    秀场子午线:1,

    自动关闭:1//选择后自动关闭。

    });

    lt/script gt;

    Js写在上面。如果直接选择天数,将自动关闭选择框。

    显示选项:

    格式

    yyyy-mm-dd hh:ii

    yyyy-mm-dd hh:ii:ss

    其他选项:

    每周开始

    整数。默认值:0

    星期几从0(星期日)开始到6(星期六)?

    开始日期

    约会。默认值:开始时间

    结束日期

    约会。默认值:结束时间

    主题自动关闭

    布尔型。默认值:false

    选择日期后是否立即关闭日期时间选择器。

    开始视图

    数字,字符串。默认值:2,“月”

    日期时间选择器打开后显示的第一个视图。可接受的值:

    0“小时”是小时视图。

    1或“日”是日视图。

    或者“月”是月视图(默认值)。

    或者“年”是年视图。

    或者说‘十年’是十年的看法。

    今日tn

    布尔,“链接”。默认值:false

    如果该值为true或“链接”,则“今天”按钮将显示在日期时间选择器组件的底部,以选择当前日期。如果是真的,“今天”按钮只会将视图转到今天的日期;如果是“链接”,则选择今天的日期。

    今日亮点

    布尔型。默认值:false

    如果为真,则突出显示当前日期。

    键盘导航

    布尔型。默认值:真

    是否通过箭头键改变日期。

    日期时间选择器提供键盘导航:

    上、下、左、右箭头键

    在这些方向键中,左/右是向后/向前一天,上/下是向后/向前一周。

    使用shift键,向上/向左向后移动一个月,向下/向右向前移动一个月。

    配置ctrl键,上/左向后移动一年,下/右向前移动一年。

    Shift+ctrl和ctrl的效果是一样的——就是不能同时改变月份和年份,只能单独改变年份。

    语言

    字符串。默认值:“en”;您可以通过导入相应语言的js文件来设置语言。

    强制解析

    布尔型。默认值:真

    当选择器关闭时,是否强制分析输入框中的值。

    方法:

    。datetimepicker(选项)

  • 1

  • 初始化日期时间选择器。

    移动

    参数:无

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

    $('#datetimepicker ')。datetime picker(' remove ');

  • 1

  • 显示

    参数:无

    显示日期时间选择器。

    $('#datetimepicker ')。datetime picker(' show ');

  • 1

  • 隐藏

    参数:无

    隐藏日期时间选择器。

    $('#datetimepicker ')。datetime picker(' hide ');

  • 1

  • 更新

    参数:无

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

    $('#datetimepicker ')。datetime picker(“update”);

  • 1

  • setStartDate

    参数:

    开始日期(字符串)

    为日期时间选择器设置新的开始日期。

    $('#datetimepicker ')。datetimepicker('setStartDate ',' 2012-01-01 ');

  • 1

  • setEndDate

    参数:

    结束日期(字符串)

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

    $('#datetimepicker ')。datetimepicker('setEndDate ',' 2012-01-01 ');

    更多详情关注尚学堂,喜欢的朋友可以了解一下尚学堂!另外,如果你喜欢,请多关注边肖!

    欢迎分享,转载请注明来源:聚客百科

    原文地址: http://juke.outofmemory.cn/life/179704.html

    ()
    打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
    上一篇 2022-05-29
    下一篇 2022-05-29

    发表评论

    登录后才能评论

    评论列表(0条)

    保存