其他分享
首页 > 其他分享> > 日期插件-flatpickr

日期插件-flatpickr

作者:互联网

github的仓库地址:https://github.com/chmln/flatpickr  

 

手册地址:http://www.htmleaf.com/Demo/201608213895.html   详细的demo 演示;

 

 安装:

npm install flatpickr 
bower install flatpickr-calendar

使用方法


HTML结构


// 默认取今天


 

初始化插件

// 通过class名称,返回一个数组
document.getElementsByClassName("myClass").flatpickr({..config});
 
// 通过ID
document.getElementById("myID").flatpickr();
 
// 使用jQuery
$(".calendar").flatpickr();

  

 配置参数

  (部分如下) 

 

 

我的代码演示:

$("#calendar").flatpickr({
  defaultDate: new Date(new Date() - 1000*24*3600 ),//默认昨天,计算日期表达式
  onChange: function(dateObj, dateStr, instance) {
    var day = Math.floor((new Date() -  new Date(dateObj))/24000/3600);
      console.log(day)
  },
});

 

标签:插件,日期,dateObj,new,Date,flatpickr,calendar
来源: https://blog.51cto.com/u_15200634/2774450