评论：仿elementui的datapicker范围时间插件(原创)   [查看原文]

六晓0
2019/4/30 11:09:24
有没有引入的代码，贴一下

六晓1
2019/4/30 11:07:58
需要对应的触发不同的方法这个，你根据什么逻辑？如果是插件本身的type，写个公共方法，判断不同类型使用不同的处理，都调用这个函数也可以

六晓0
2019/4/30 11:06:25
已更新，下载最新可以查看

六晓0
2019/4/11 16:24:49
之前用虚拟机的是可以的，你可以测试下

六晓0
2019/4/11 16:25:25
暂不支持按周选择

更新时间：2018/11/14 上午10:57:40
更新说明：修复火狐，safria上的最大值最小值无效问题，修复其他bug
这个在火狐上依然有问题
代码如下：

$('#datepicker').datePicker({
    format: 'YYYY-MM',
    hide: function(type) {
        console.info(this.$input.eq(0).val());
        localStorage.setItem("time", `${this.$input.eq(0).val()}`)
    },
    min: "2008-01",
    max: "2019-05"
});

六晓0
2019/4/11 16:35:44
https://qiuyaofan.github.io/datepicker，看git上的在线没问题，估计上次审核没更新到
可以去 https://github.com/qiuyaofan/datepicker 下载代码
我重新提交审核

大佬您好,我有个场景需求是要求至少选择2天后,我先自己弄了一个日期函数

function getNowFormatDate() {
    var date = new Date();
    var seperator1 = "-";
    var seperator2 = ":";
    var month = toDb(date.getMonth() + 1);
    var strDate = toDb(date.getDate() + 2); //2天后
    var hours = toDb(date.getHours());
    var mints = toDb(date.getMinutes());
    var currentdate = date.getFullYear() + seperator1 + month + seperator1 + strDate +
        " " + hours + seperator2 + mints;
    return currentdate;
}

var t = getNowFormatDate(); // 2019-03-25 16:10,得到了2天后的时间

$('.J-datepickerTime-single').datePicker({
    format: 'YYYY-MM-DD HH:mm',
    min: t,
});

这个时候弹窗出来确实至少要选择2天后,但是如果直接点击确定,还是能够选择到当前时间...

六晓0
2019/3/22 10:21:04
感谢，已修复，等待审核。也可去github看：https://github.com/qiuyaofan/datepicker

六晓1
2019/3/13 10:08:35

hide回调函数返回type参数, 类型有：choose，confirm，shortcut，clickBody


hide:function(type){

   if(type==='confirm'){
      // 点击确定后调用
   }
}

清空没有，范围的时候清空不代表已经修改值，所以对时间的修改最终都是在hide函数里处理

Timestamp0
2019/5/20 16:08:20
有点bug,一个页面多个的时候,一个显示点击另一个,再点击原来的不显示

六晓1
2019/2/25 18:10:22

目前不存在上方的，由于插件的高度在年月时和天时不同，如果要监听很浪费性能
如果你不介意高度造成的影响，可以搜函数名setContainerPos 替换为：


function setContainerPos(_this) {
  var offset = _this.$target.offset();
  var containHeight = _this.pickerObject.$container.outerHeight()+10;
  _this.pickerObject.$container.css({
    top: offset.top - containHeight,
    left: offset.left
  });
}

六晓0
2019/2/21 22:28:09
是啊 年月的不支持范围

六晓0
2019/2/18 21:49:35
哪一个格式 给一下调用代码