• 关于jquery-weui.js中时间控件datetimepicker的使用


      今天第一次接触jquery-weui,不太了解用法,然而官方文档写的也很简略,只好打开源代码进行研究,我想要的是设置开始日期大于当前日期,然后在源码中发现有min这个默认为undefined的属性,于是在设置

    启动$("#starttime").datetimePicker()的时候里面加了一个参数param,一般来说这种参数都是json格式,于是

    var nTime = new Date();
    var format = nTime.getFullYear() + "-" + (nTime.getMonth()+1) + "-" + nTime.getDate() + " " + (nTime.getHours()) + ":" + nTime.getMinutes();
    var param = {'min':format};
    $("#starttime").datetimePicker(param);

      设置完开始日期之后就是动态设置截止日期,要让截止日期大于开始日期,我在<input id="starttime">里面添加了onChange="setMinTime()"这个事件,修改的时候就获取$("#starttime")的值,再进行拼接字符串获得我需要的日期格式,完成进行测试才发现和自己想象的完全不同,先贴一下之前的代码

    $("#endtime").datetimePicker({'min':year + "-" + month + "-" + day + " " + hour + ":" + minute});
    

      反复调试发现方法是进入了的,这句话也是执行了的,怎么就不能重新设置呢?而且奇怪的是,min这个属性只被第一次赋值了,想了好久突然想到可能是初始化的时候就已经确定了不能修改,这个也解释了为什么这个的值和第一次相同,抱着试一试的心态,我只好用笨办法

    $("label[for='endtime']").parent().siblings("input").remove();
    $("label[for='endtime']").parent().parent().append('<input class="weui_input" id="endtime" name="endtime" value="" placeholder="请选择结束日期"/>');
    $("#endtime").datetimePicker({'min':year + "-" + month + "-" + day + " " + hour + ":" + minute});
    

      结果这样先删除,再添加,最后设置的方法真的成功了~原来初始化后就不能改变其属性了,也不知道是不是自己没有找到正确的打开方式,如果有希望留言告知

  • 相关阅读:
    git add后 有的文件后悔 add了还没有commit 怎么办?
    go mod module declares its path as: gtihub.com/xxx-xx but was required as:xx-xx
    mysql 复合索引(联合索引) a b c的使用
    git 的初始化使用
    Mac 安装 mysql5.7
    Go Modules与GOPROXY 配置
    ZWWL的短信详设
    Linux 查看文件权限命令ls -l 输出信息每列所代表的含义
    ubuntu/deepin 下增加 goland 桌面快捷方式 goland.desktop
    go语言的冒泡 选择 快排 二分 算法实现
  • 原文地址:https://www.cnblogs.com/zmc-change/p/5640995.html
Copyright © 2020-2023  润新知