日期插件-flatpickr

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

日期插件-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();

  

 配置参数

  (部分如下) 

 日期插件-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)
  },
});

 

上一篇:部分Java的日期类使用


下一篇:Java重温学习笔记,日期时间