您的位置:首页 > 编程语言 > PHP开发

日期插件-flatpickr

2021-05-13 22:54 1116 查看

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

 

内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: