加入收藏 | 设为首页 | 会员中心 | 我要投稿 李大同 (https://www.lidatong.com.cn/)- 科技、建站、经验、云计算、5G、大数据,站长网!
当前位置: 首页 > 综合聚焦 > 服务器 > 安全 > 正文

使用Bootstrap插件datapicker获取时间

发布时间:2020-12-17 20:52:08 所属栏目:安全 来源:网络整理
导读:引入css和js link rel="stylesheet" href="/${appName}/commons/css/datapicker/datepicker3.css" type="text/css"/link script type="text/javascript" src="/${appName}/commons/js/datapicker/bootstrap-datepicker.js"/script Html及Js span style="posi

引入css和js

<link rel="stylesheet" href="/${appName}/commons/css/datapicker/datepicker3.css" type="text/css"></link>
<script type="text/javascript" src="/${appName}/commons/js/datapicker/bootstrap-datepicker.js"></script>

Html及Js

<span style="position: relative; z-index: 9999;">   <!--当在model弹框中需要加此span-->
    <input type="text" value="" class="form-control" name="time" id="time_add" tabindex="4" />
</span>

/*显示改为中文*/
$.fn.datepicker.dates[‘cn‘] = {   //切换为中文显示
    days: ["周日","周一","周二","周三","周四","周五","周六","周日"],daysShort: ["日","一","二","三","四","五","六","七"],daysMin: ["日",months: ["一月","二月","三月","四月","五月","六月","七月","八月","九月","十月","十一月","十二月"],monthsShort: ["一月",today: "今天",clear: "清除"
};
/*初始化时间控件*/
$(‘#time_add‘).datepicker({
    autoclose: true,//自动关闭
    beforeShowDay: $.noop,//在显示日期之前调用的函数
    calendarWeeks: false,//是否显示今年是第几周
    clearBtn: false,//显示清除按钮
    daysOfWeekDisabled: [],//星期几不可选
    endDate: Infinity,//日历结束日期
    forceParse: true,//是否强制转换不符合格式的字符串
    format: ‘yyyy-mm-dd‘,//日期格式
    keyboardNavigation: true,//是否显示箭头导航
    language: ‘cn‘,//语言
    minViewMode: 0,orientation: "auto",//方向
    rtl: false,startDate: -Infinity,//日历开始日期
    startView: 0,//开始显示
    todayBtn: false,//今天按钮
    todayHighlight: false,//今天高亮
    weekStart: 0              //星期几是开始
});

(编辑:李大同)

【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!

    推荐文章
      热点阅读