扫二维码与项目经理沟通
我们在微信上24小时期待你的声音
解答本文疑问/技术咨询/运营咨询/技术建议/互联网交流
宁陕3339健康生活在线首页- 宁陕3339健康生活在线-陕西宁陕县|宁陕旅游 ...宁陕3339健康生活在线首页. ... 3339俱乐部第三次活动MTV, 07-02. [分享]《欢乐时光》3339第二次活动记录MTV, 06-24 ... 3339户外运动俱乐部首次活动全记录! 06-16 ...
公司主营业务:成都网站设计、网站制作、外贸营销网站建设、移动网站开发等业务。帮助企业客户真正实现互联网宣传,提高企业的竞争能力。成都创新互联是一支青春激扬、勤奋敬业、活力青春激扬、勤奋敬业、活力澎湃、和谐高效的团队。公司秉承以“开放、自由、严谨、自律”为核心的企业文化,感谢他们对我们的高要求,感谢他们从不同领域给我们带来的挑战,让我们激情的团队有机会用头脑与智慧不断的给客户带来惊喜。成都创新互联推出天祝藏族自治免费做网站回馈大家。
- 84k - 网页快照 - 类似网页
3339.HK: CIMH - 报价资料- Yahoo! 财经- 繁 - [ 转为简体网页 ]09:50, [智珠] 中国龙工(3339) 下破52周最低价,现报7.78港元,下跌6.71% (DBPower) ... 10:00, [智珠] 中国龙工(3339) 升破50天平均线,现报12.0港元,上升2.74% ...
hk.finance.yahoo.com/q?s=3339.hk - 24k - 网页快照 - 类似网页
rfc 3339- [ 翻译此页 BETA ]Network Working Group G. Klyne Request for Comments: 3339 Clearswift Corporation Category: Standards Track C. Newman Sun Microsystems July 2002 Date and ...
- 35k - 网页快照 - 类似网页
金蜘蛛3339.com——上网第一步!电子商务方案、域名注册、空间租用、网页美工设计、网站数据库。
- 15k - 网页快照 - 类似网页
新华网- 国际先驱导报【作者】胡一渊(台北). 《中央日报》的停刊,对于国民党和它的拥趸们来说,除了追惜历史之外,也有一些现实的困惑. 国际先驱导报文章 如果在30年前,《中央日报》 ...
news.xinhuanet.com/herald/2006-06/01/content_4632156.htm - 32k - 网页快照 - 类似网页
万盟社区3339.KINET.COM 图片天下万盟社区3339.KINET. ...
3339.kinet.com/ - 42k - 网页快照 - 类似网页
RFC 3339 (rfc3339) - Date and Time on the Internet: Timestamps- [ 翻译此页 BETA ]RFC 3339 - Date and Time on the Internet: Timestamps.
- 35k - 网页快照 - 类似网页
Gene Result- [ 翻译此页 BETA ]... perlecan proteoglycan Chromosome: 1; Location: 1p36.1-p34 Annotation: Chromosome 1NC_000001.9 (22021324..22136337, complement) MIM: 142461 GeneID: 3339.
;cmd=retrievelist_uids=3339 - 类似网页
SID 3339 -- PubChem Substance Summary- [ 翻译此页 BETA ]SID: 3339. Deposit Date: 2005-06-24 Modify Date: 2008-02-08. CID: 750. Create Date: 2004-09-16. Protein Sequences: 316 Links. Related Substances: ...
pubchem.ncbi.nlm.nih.gov/summary/summary.cgi?sid=3339 - 类似网页
RFC 3339 - Date and Time on the Internet: Timestamps- [ 翻译此页 BETA ]RFC 3339 defines a date and time format for use in Internet protocols that is a profile of the ISO 8601 standard for representation of dates and times using ...
tools.ietf.org/html/rfc3339 - 50k - 网页快照 - 类似网页
在开发系统的调查功能时,需要设计一个可以联动的开始日期/结束日期选择器用来设定用户的调查的起始/结束日期。对于这个联动的日期选择器,我们的设计要求是这样的:
在新增调查时,该调查的开始日期默认为今天,而结束日期则不能选择成今天之前的日期;
当用户修改开始日期时,将判断当前用户设定的结束日期,如果结束日期在修改后的开始日期之后,则不修改结束日期,而如果结束日期变成了在修改后的开始日期之前时,则修改结束日期,和开始日期为同一天,并且设定用户不能选择开始日期之前的日期为结束日期;
修改结束日期时,不能选择开始日期之前的日期。
针对这样的要求,决定使用dojo的日期选择控件 DatePicker / DropDownDatePicker 来实现。
P_1167283844_0.JPG
最终的效果,联动的DatePicker,注意20日之前的日期都是不能选择的
针 对第1和第3点要求,dojo的 DatePicker / DropDownDatePicker 可以轻易的实现,可以通过设置 DatePicker / DropDownDatePicker 的 value 和startDate这两个属性实现。而要这个需求的难点在于两个DatePicker之间的联动,也就是说,要动态的根据第一个DatePicker的 值来设定第二个DatePicker的startDate属性。但是不幸的是,dojo没有提供直接的动态修改 DatePicker 的 startDate / endDate 的方法。虽然我们可以随时修改DatePicker的startDate属性,但是,在UI(日期选择界面)却不会发生变化,达不到我们想要的效果。
dojo提供了一个onValueChanged的事件,我们可以为第一个DatePicker添加这个事件的触发器,触发后调用我们自己写的 Javascript函数。而在这个函数里我们要解决的问题就只有修改第二个DatePicker的startDate属性(这个很简单),并让UI即时 生效(问题就在这里)了。
在仔细研究了dojo的DatePicker的源代码后发现,startDate仅仅是这个 DatePicker控件的一个单纯的属性,修改它并不会在内部触发任何改动UI的事件。所以,我们要做的就变得很简单了——想办法重绘UI就可以。不幸 中的万幸是,我们找到了_preInitUI()这个内部的方法,它可以绘制DatePicker的UI。
一切明朗后,就变得很简单了。看看代码片断吧,很轻松的实现了两个DatePicker / DropDownDatePicker控件的联动。
HTML4STRICT代码:
开始时间:input dojoType="dropdowndatepicker" id="startdate" name="start" value="today" displayFormat="yyyy-MM-dd" onValueChanged="checkEndDate" /
结束时间:input dojoType="dropdowndatepicker" id="enddate" name="end" displayFormat="yyyy-MM-dd" /
注意看上面HTML代码中的第一个DropDownDatePicker控件的属性:
value设置为today则会默认带出今天的日期
displayFormat设置时间显示格式(便于后台程序转换成timestamp导入DB)
onValueChanged则设置了触发名为checkEndDate的自定义Javascript函数
再看看Javascript代码片断:
JAVASCRIPT代码:
function g(id) {
return document.getElementById(id);
}
function w(id) {
return dojo.widget.getWidgetById(id);
}
function checkEndDate(){
var func=function(){
//得到新的修改后的开始日期和当前的结束日期
starttime=w('startdate').getDate();
endtime=w('enddate').getDate();
//开始日期是否在结束日期之后?
if (starttimeendtime) {
//开始日期在结束日期之后,修改结束日期等于开始日期
w('enddate').setDate(starttime); //时间戳
w('enddate').value=w('startdate').inputNode.value; //字符串值
}
//设定结束日期的startDate属性,限制用户选择开始日期之前的日期
var startDate=dojo.date.fromRfc3339(w('startdate').inputNode.value).setHours(0,0,0,0);
w('enddate').startDate=w('startdate').inputNode.value;
w('enddate').datePicker.startDate=startDate;
//得到结束日期的当前月份
var d = new Date(w('enddate').datePicker.curMonth);
//利用_preInitUI()重绘结束日期的UI(当前月)
w('enddate').datePicker._preInitUI(d,false,true);
}
//延时500毫秒执行
window.setTimeout(func,500);
}
怎 么样,很简单吧?不过你也许要问,为什么要延时500毫秒执行呢?原因是这样的,一开始浏览器在绘制页面的时候,设定开始日期为今天,这一动作同样会触发 onValueChanged事件。但这时候,因为结束日期的DatePicker控件还未被浏览器绘制完成,所以导致触发onValueChanged 事件后,Javascript无法执行成功,根本get不到enddate这个element。所以,我采取了onValueChanged事件触发后 500毫秒后执行Javascript程序,这时候,再慢的电脑都已经render完这个element了,执行Javascript就不会出错了,而且 对于用户,也没什么感觉。当然,你也可以写一个onLoad事件的Javascript函数在页面加载完成后再给startdate这个element赋 值。这都是问题的解决办法,怎么使用完全取决于你。
Csharp日期格式转换文档内容摘要:Csharp日期格式转换下表列出了可被合并以构造自定义模式的模式。...
我们在微信上24小时期待你的声音
解答本文疑问/技术咨询/运营咨询/技术建议/互联网交流