datetimepicker时间控件

• 喜欢上datetimepicker源自于对bootstrap的喜欢。
• 一款简单到爆的时间空间
• 引入jq
• 引入bootstrap
• 引入datetimepicker和bootstrap-datetimepicker.zh-CN语言包

库文件  密码：c9m5

官网：http://www.bootcss.com/p/bootstrap-datetimepicker/

简单实例两个，和这里有关系，是动态拿取本地时间的呢。看这里

//time时间插件
$('#datetimepicker').datetimepicker({
    minView: "month", //很关键，如果不限制到月视图，它默认是到小时的。
    todayHighlight:true,
    language:'zh-CN',
    format:'yyyy-mm-dd',
    autoclose: true,
}).val(begintime);

$('#dateEnd').datetimepicker({
    minView: "month",
    todayHighlight:true,
    language:'zh-CN',
    format:'yyyy-mm-dd',
    autoclose: true,
}).val(endtime);

　　

补充：只显示到时分秒

效果图

代码：

因为使用了vue
const _this=this;
$('.form_time').datetimepicker({
        language:  'zh-CN',
        weekStart: 1,
        todayBtn:  1,
        autoclose: 1,
        todayHighlight: 1,
        startView: 1,
        minView: 0,
        maxView: 1,
        forceParse: 0
      }).on("hide",function () {
        _this.TradeTime=$(this).val();
      }).val(_this.TradeTime);

　　

 

转载于:https://www.cnblogs.com/webSong/p/7091208.html