bootstrap datetimepick 时分秒选择,坑我15个小时,整理记录

官网的datetimepick 下载链接

官网下载

<input type="text" readonly 
name="feedDay" id="feedDay" class="form-control tbrq"/>
    $('#feedDay').datetimepicker({
        format: 'yyyy-mm-dd hh:ii:ss',
        autoclose: true,
        language: 'zh-CN',
        minuteStep: 1
    });
    $('#feedDay').val(new Date().format('yyyy-MM-dd HH:mm:ss'));

最重要的文件引入:

<script type="text/javascript" src="${ contextPath }/res/sys/scripts/bootstrap-datetimepicker-master/js/bootstrap-datetimepicker.min.js"></script>
<script type="text/javascript" src="${ contextPath }/res/sys/scripts/bootstrap-datetimepicker-master/js/locales/bootstrap-datetimepicker.zh-CN.js"></script>
<link href="${ contextPath }/res/sys/scripts/bootstrap-datetimepicker-master/css/bootstrap-datetimepicker.min.css" rel="stylesheet">

文件必须引入以上3个文件。第一个是插件核心,第二个是汉化文件,第三个是样式文件。

 

其它需要引入的就是jquery版本文件了。

效果图:

 

 先选择日期

再选择小时

 

再选择分钟,没做到选择秒数的,暂不需要那么精确

 

转载于:https://www.cnblogs.com/hhg-2015/p/7677400.html

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值