博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
关于jquery-weui.js中时间控件datetimepicker的使用
阅读量:4680 次
发布时间:2019-06-09

本文共 1139 字,大约阅读时间需要 3 分钟。

  今天第一次接触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('');$("#endtime").datetimePicker({'min':year + "-" + month + "-" + day + " " + hour + ":" + minute});

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

 

转载于:https://www.cnblogs.com/zmc-change/p/5640995.html

你可能感兴趣的文章
堆排序
查看>>
Planning for a period of time
查看>>
隐式转换的一点想法
查看>>
web框架前言与学生数据库系统(附1.0源码)
查看>>
JavaScript基础
查看>>
Linux多线程服务端编程:使用muduo C++网络库
查看>>
log4j配置文件中的additivity属性
查看>>
马后炮之12306抢票工具(二) -- 联系人&获取车次
查看>>
Android系统之Broadcom GPS 移植
查看>>
[bzoj1901]: Zju2112 Dynamic Rankings
查看>>
[bzoj4240] 有趣的家庭菜园
查看>>
递归算法
查看>>
Dubbo 五种协议对比
查看>>
bzoj 3357: [Usaco2004]等差数列
查看>>
C++ const的用法
查看>>
LOJ121 动态图连通性(LCT)
查看>>
codeforces 657C - Bear and Contribution [想法题]
查看>>
os.path.dirname使用方法
查看>>
【转】Linq使用Group By 3
查看>>
Triangle POJ - 2079(旋转卡壳)
查看>>