JS实现日历控件选择后自动填充
2013-07-20 19:00
661 查看
最近在做人事档案的项目,在做项目的初期对B/S这块不是很熟悉,感觉信心不是很强,随着和师哥同组人员的交流后发现,调试程序越来越好了,现在信心是倍增,只要自己自己踏实的去研究、理解代码慢慢的效果就出来了。在做人事档案时我要实现的一个功能是 自己选择日期后日期自动填充到文本框内后写到数据库,效果图:
选择日期后自动填充文本框:
通过网上资料和自己最近学习的知识巧妙的使用jS轻松解决,并且使用到日历控件的地方只需引用一下js就行了,非常方便,代码简单,使用灵活,
代码中引用js文件:
在使用的过程中出了很多错误,加强了使用filebug,等各个浏览器自带断点调试的方法,重新找回了C/S中断点调试的乐趣。
为了满足客户的可读性,江江修改了js里面的内容,方便用户使用:
在前几天与客户沟通的过程当中,对于日期控件一部分,自己没有改正完整,有一些日期显示为了英文,这个让阿姨与大姐们看着很不舒服了,他们看不懂英文,提出:这个英文是啥,现在他们哪还懂这个……这个问题在于自己前期做好后没有更深入的去为客户着想,咱们作为开发人员应该把咱们的客户懂一点英文的人都能使用,方便他们理解与工作,时时刻刻记住:米老师常说的为人民服务的宗旨,真正的使用的软件开发中。
与客户交流沟通过程中,发现最主要的是我们对他们的工作的性质、流程不熟悉造成对需求不是很明确,有时客户自己对自己需要也不是很明确,需要我们需要先做出一个简单模型,让他们再根据我们的简单模型再来确实详细的需求,现在对于自己来说客户的需求时常改变,功能不定(添加)、软件的拓展性与可维护性是我们努力的一个方向,如何把软件做活,还需要自己踏踏实实的学习(米老师说这是进步的地方),永和系统整体来说可拓展性与维护性是相当不错的,有个这次真正的与客户沟通的经验收获是蛮大的,很多知识等着我们去研究学习。
选择日期后自动填充文本框:
通过网上资料和自己最近学习的知识巧妙的使用jS轻松解决,并且使用到日历控件的地方只需引用一下js就行了,非常方便,代码简单,使用灵活,
代码中引用js文件:
<asp:Content ID="Content1" ContentPlaceHolderID="head" runat="server"> <script type="text/javascript" src="../js/floatframe.js"></script> <script type="text/javascript" src="../cal/calendar.js" charset="gb2312"></script> <script type="text/javascript" src="../cal/calShow.js" charset="gb2312"></script> <script type="text/javascript" src="../cal/calendar-en.js" charset="gb2312"></script> <link href="../cal/calendar-system.css" rel="stylesheet" /> <style type="text/css">
在使用的过程中出了很多错误,加强了使用filebug,等各个浏览器自带断点调试的方法,重新找回了C/S中断点调试的乐趣。
为了满足客户的可读性,江江修改了js里面的内容,方便用户使用:
// ** I18N Calendar._DN = new Array ("日", "一", "二", "三", "四", "五", "六", "日"); Calendar._MN = new Array ("1月", "2月", "3月", "4月", "5月", "6月", "7月", "8月", "9月", "10月", "11月", "12月"); // tooltips Calendar._TT = {}; Calendar._TT["TOGGLE"] = "切换周显示方式"; Calendar._TT["PREV_YEAR"] = "上一年 (按住鼠标出下拉菜单)"; Calendar._TT["PREV_MONTH"] = "上一月 (按住鼠标出下拉菜单)"; Calendar._TT["GO_TODAY"] = "到今日"; Calendar._TT["NEXT_MONTH"] = "下一月 (按住鼠标出下拉菜单)"; Calendar._TT["NEXT_YEAR"] = "下一年 (按住鼠标出下拉菜单)"; Calendar._TT["SEL_DATE"] = "选择日期"; Calendar._TT["DRAG_TO_MOVE"] = "拖动"; //Calendar._TT["DRAG_TO_MOVE"] = ""; Calendar._TT["PART_TODAY"] = " (今日)"; Calendar._TT["MON_FIRST"] = "首先显示星期一"; Calendar._TT["SUN_FIRST"] = "首先显示星期日"; Calendar._TT["CLOSE"] = "关闭"; Calendar._TT["TODAY"] = "今日"; // date formats Calendar._TT["DEF_DATE_FORMAT"] = "y-mm-dd"; Calendar._TT["TT_DATE_FORMAT"] = "D, M d"; Calendar._TT["WK"] = "周";
在前几天与客户沟通的过程当中,对于日期控件一部分,自己没有改正完整,有一些日期显示为了英文,这个让阿姨与大姐们看着很不舒服了,他们看不懂英文,提出:这个英文是啥,现在他们哪还懂这个……这个问题在于自己前期做好后没有更深入的去为客户着想,咱们作为开发人员应该把咱们的客户懂一点英文的人都能使用,方便他们理解与工作,时时刻刻记住:米老师常说的为人民服务的宗旨,真正的使用的软件开发中。
与客户交流沟通过程中,发现最主要的是我们对他们的工作的性质、流程不熟悉造成对需求不是很明确,有时客户自己对自己需要也不是很明确,需要我们需要先做出一个简单模型,让他们再根据我们的简单模型再来确实详细的需求,现在对于自己来说客户的需求时常改变,功能不定(添加)、软件的拓展性与可维护性是我们努力的一个方向,如何把软件做活,还需要自己踏踏实实的学习(米老师说这是进步的地方),永和系统整体来说可拓展性与维护性是相当不错的,有个这次真正的与客户沟通的经验收获是蛮大的,很多知识等着我们去研究学习。
相关文章推荐
- JS实现日历控件选择后自动填充
- JS实现日历控件选择后自动填充
- 在cocos2d-js实现自动绑定cocostudioUI控件与事件(三)
- 用js控件div的滚动条,让它在内容更新时自动滚到底部的实现方法
- 在cocos2d-js实现自动绑定cocostudioUI控件与事件(二)
- 新浪微博插入话题后部分文字选中的js实现(控制鼠标指针位置/自动选择指定文本)
- ashx+jquery+autocomplete.js实现自动填充
- 选择时间日历控件DatePickerDialog实现(从外包项目中挖出来整理的)
- ashx+jquery+autocomplete.js如何实现自动填充
- ASP.NET弹出式日历选择控件的实现
- JS日历控件 (兼容IE firefox) 可选择时间
- TreeView 滚动条 子节点定位 页面回发刷新后,滚动条自动定位到被选择节点出,javascript库jQuery实现 兼容服务器端控件
- html file控件选择文件后立即预览 js实现
- android商品属性选择标签控件,可实现自动换行
- JS弹出日历控件,选择年、月、日
- 能够选择时间的 JS 日历时间输入控件
- Android开发实现自定义日历、日期选择控件效果
- 可选择小时和分钟的js日历控件
- 简洁JS 日历控件 支持日期和月份选择
- JS日历控件 (兼容IE firefox) 可选择时间