datetimepicker时间控件

Posted 2020-09-25 webSong

• 喜欢上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);