2021/09/05 bootstrap 日期时间戳 datetimepicker

编程入门 行业动态 更新时间:2024-10-08 18:38:06

2021/09/05 bootstrap <a href=https://www.elefans.com/category/jswz/34/1771397.html style=日期时间戳 datetimepicker"/>

2021/09/05 bootstrap 日期时间戳 datetimepicker

–背景:使用CDN引入

–控件效果(可选时分秒)

–代码
html

<div class="container"><div class="row"><div class='col-sm-2'><div class="form-group"><div class='input-group date' id='datetimepicker1'><input type='text' class="form-control"/><span class="input-group-addon"><span class="glyphicon glyphicon-calendar"></span></span></div></div></div></div>
</div>

js

<script src=".js/2.18.1/moment-with-locales.min.js"></script>
<script src=".17.47/js/bootstrap-datetimepicker.min.js"></script>//写在方法里面
$('#datetimepicker1').datetimepicker();//初始化datetimepicker控件

获取控件选中的时间值(参考最后的参考链接2)

//获取datetimepicker数据
var datetime1 = $('#datetimepicker1').data().date;//没有数据时undefined// console.log('datetime1------------', datetime1);var datetimestamp = Date.parse(datetime1).toString();//毫秒时间戳// console.log('datetimestamp------', datetimestamp);var dts = datetimestamp.substr(0, datetimestamp.length - 3);//秒时间戳// console.log('dts', dts);

–参考链接
1.datatimepick效果demo
2.通过控件获取时间戳
3.获取起始时间戳

更多推荐

2021/09/05 bootstrap 日期时间戳 datetimepicker

本文发布于:2024-02-19 16:34:45,感谢您对本站的认可!
本文链接:https://www.elefans.com/category/jswz/34/1765042.html
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系,我们将在24小时内删除。
本文标签:日期   时间   datetimepicker   bootstrap

发布评论

评论列表 (有 0 条评论)
草根站长

>www.elefans.com

编程频道|电子爱好者 - 技术资讯及电子产品介绍!