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);

  

 

posted @ 2017-06-28 18:56  宋宇  阅读(1323)  评论(0编辑  收藏  举报