最近在做人事档案的项目,在做项目的初期对B/S这块不是很熟悉,感觉信心不是很强,随着和师哥同组人员的交流后发现,调试程序越来越好了,现在信心是倍增,只要自己自己踏实的去研究、理解代码慢慢的效果就出来了。在做人事档案时我要实现的一个功能是 自己选择日期后日期自动填充到文本框内后写到数据库,效果图:

选择日期后自动填充文本框:

通过网上资料和自己最近学习的知识巧妙的使用jS轻松解决,并且使用到日历控件的地方只需引用一下js就行了,非常方便,代码简单,使用灵活,

代码中引用js文件:

  1. <asp:Content ID="Content1" ContentPlaceHolderID="head" runat="server">
  2. <script type="text/javascript" src="../js/floatframe.js"></script>
  3. <script type="text/javascript" src="../cal/calendar.js" charset="gb2312"></script>
  4. <script type="text/javascript" src="../cal/calShow.js" charset="gb2312"></script>
  5. <script type="text/javascript" src="../cal/calendar-en.js" charset="gb2312"></script>
  6. <link href="../cal/calendar-system.css" rel="stylesheet" />
  7. <style type="text/css">

在使用的过程中出了很多错误,加强了使用filebug,等各个浏览器自带断点调试的方法,重新找回了C/S中断点调试的乐趣。

为了满足客户的可读性,江江修改了js里面的内容,方便用户使用:

  1. // ** I18N
  2. Calendar._DN = new Array
  3. ("日",
  4. "一",
  5. "二",
  6. "三",
  7. "四",
  8. "五",
  9. "六",
  10. "日");
  11. Calendar._MN = new Array
  12. ("1月",
  13. "2月",
  14. "3月",
  15. "4月",
  16. "5月",
  17. "6月",
  18. "7月",
  19. "8月",
  20. "9月",
  21. "10月",
  22. "11月",
  23. "12月");
  24.  
  25. // tooltips
  26. Calendar._TT = {};
  27. Calendar._TT["TOGGLE"] = "切换周显示方式";
  28. Calendar._TT["PREV_YEAR"] = "上一年 (按住鼠标出下拉菜单)";
  29. Calendar._TT["PREV_MONTH"] = "上一月 (按住鼠标出下拉菜单)";
  30. Calendar._TT["GO_TODAY"] = "到今日";
  31. Calendar._TT["NEXT_MONTH"] = "下一月 (按住鼠标出下拉菜单)";
  32. Calendar._TT["NEXT_YEAR"] = "下一年 (按住鼠标出下拉菜单)";
  33. Calendar._TT["SEL_DATE"] = "选择日期";
  34. Calendar._TT["DRAG_TO_MOVE"] = "拖动";
  35. //Calendar._TT["DRAG_TO_MOVE"] = "";
  36. Calendar._TT["PART_TODAY"] = " (今日)";
  37. Calendar._TT["MON_FIRST"] = "首先显示星期一";
  38. Calendar._TT["SUN_FIRST"] = "首先显示星期日";
  39. Calendar._TT["CLOSE"] = "关闭";
  40. Calendar._TT["TODAY"] = "今日";
  41.  
  42. // date formats
  43. Calendar._TT["DEF_DATE_FORMAT"] = "y-mm-dd";
  44. Calendar._TT["TT_DATE_FORMAT"] = "D, M d";
  45.  
  46. Calendar._TT["WK"] = "周";

在前几天与客户沟通的过程当中,对于日期控件一部分,自己没有改正完整,有一些日期显示为了英文,这个让阿姨与大姐们看着很不舒服了,他们看不懂英文,提出:这个英文是啥,现在他们哪还懂这个……这个问题在于自己前期做好后没有更深入的去为客户着想,咱们作为开发人员应该把咱们的客户懂一点英文的人都能使用,方便他们理解与工作,时时刻刻记住:米老师常说的为人民服务的宗旨,真正的使用的软件开发中。

与客户交流沟通过程中,发现最主要的是我们对他们的工作的性质、流程不熟悉造成对需求不是很明确,有时客户自己对自己需要也不是很明确,需要我们需要先做出一个简单模型,让他们再根据我们的简单模型再来确实详细的需求,现在对于自己来说客户的需求时常改变,功能不定(添加)、软件的拓展性与可维护性是我们努力的一个方向,如何把软件做活,还需要自己踏踏实实的学习(米老师说这是进步的地方),永和系统整体来说可拓展性与维护性是相当不错的,有个这次真正的与客户沟通的经验收获是蛮大的,很多知识等着我们去研究学习。

JS实现日历控件选择后自动填充的更多相关文章

  1. 2.23 js处理日历控件(修改readonly属性)

    2.23 js处理日历控件(修改readonly属性) 前言    日历控件是web网站上经常会遇到的一个场景,有些输入框是可以直接输入日期的,有些不能,以我们经常抢票的12306网站为例,详细讲解如 ...

  2. IE11浏览器中的My97日历控件刷新后无法打开问题解决办法

    IE11浏览器中的My97日历控件刷新后无法打开问题解决办法   IE11浏览器中的My97日历控件刷新后无法打开问题解决办法:(谷歌浏览器下正常.IE11失效) 解决办法:1:找到WdatePick ...

  3. asp.net 弹出式日历控件 选择日期 Calendar控件

    原文地址:asp.net 弹出式日历控件 选择日期 Calendar控件 作者:逸苡 html代码: <%@ Page Language="C#" CodeFile=&quo ...

  4. JS编写日历控件(支持单日历 双日历 甚至多日历等)

    前言: 最近几天都在研究日历控件编写,当然前提我要说明下,当然看过别人写的源码 所以脑子一热 就想用自己的编码方式 来写一套可扩展性 可维护性 性能高点的代码控件出来,就算练习练习下,所以前几天晚上下 ...

  5. selenium+Python(Js处理日历控件)

    日历控件是web网站上经常会遇到的一个场景,有些输入框是可以直接输入日期的,有些不能,以我们经常抢票的12306网站为例,详细讲解如何解决日历控件为readonly属性的问题. 基本思路:先用js去掉 ...

  6. Selenium2学习(十七)-- js处理日历控件(修改readonly属性)

    前言 日历控件是web网站上经常会遇到的一个场景,有些输入框是可以直接输入日期的,有些不能,以我们经常抢票的12306网站为例,详细讲解如何解决日历控件为readonly属性的问题. 基本思路:先用j ...

  7. selenium webdriver——JS操作日历控件

    一般的日期控件都是input标签下弹出来的,如果使用webdriver 去设置日期, 1. 定位到该input 2. 使用sendKeys 方法 比如 但是,有的日期控件是readonly的 比如12 ...

  8. 问题-Delphi控件选择卡自动选择与滚动方法

    问题现象: 在D7的控件工具条中每次要手动点向左向右很累,有没有方法可以自动移动.   问题解决: REGEDIT4 [HKEY_CURRENT_USER\Software\Borland\Delph ...

  9. IE9浏览器中的My97日历控件刷新后无法打开问题解决办法

    解决办法如下: 1:找到WdatePicker.js 2:将$crossFrame:true 改为$crossFrame:false. 3:重启服务,刷新页面发现OK.

随机推荐

  1. SQLite 字符串连接

    对Mysql可以使用CONCAT进行字符串连接, 但使用sqlite时,没有找到相应的方法,后在网上查找后,可以使用||来连接字符串 例: select 'a'||'b'

  2. es5 api

    ES5 Object.create(prototype, descriptors) //创建对象 var o1 = {foo:'bar'}; var o2 = new Object(); //Obje ...

  3. cloneNode小结

    js原生API中有个cloneNode,还有一个可选的参数, true代表复制子节点,包括任何包裹在标签之间的东西,当然包括文本节点,也就是标签之间有什么,它就会不假思索的全部都克隆一份. false ...

  4. 算法导论练习6.5-8 k路合并

    题目: 请给出一个时间为O(nlgk).用来将k个已排序链表合并为一个排序链表的算法.此处n为所有输入链表中元素的总数.(提示:用一个最小堆来做k路合并. 看到题目第个想到的是归并排序过程中的归并操作 ...

  5. [置顶] .NET下枚举类型的Save和Load分析

    今天在写代码的时候,心血来潮对原来的字符串保存状态位的方式很不满意,对于代码里出现了 state == "1" 这样的状态判断很是不爽.那么理想中的判断是怎样的呢?很简单如你所想枚 ...

  6. ASP.NET之电子商务系统开发-3(订单)

    一.前言 继上次的购物车,这是第三篇.记录一下订单功能.这功能做的时候,走过弯路,很是烧脑,因为思路没理顺,数据库设计的也不怎么好,做到一半才发现有问题,接着把数据库重新设计好,理清思路后,终于完成了 ...

  7. hdu 2519 新生晚会 排列组合

    通过阶段性计算减少一次性的大值计算 #include <stdio.h> int main() { int t, a, b, i; __int64 c; scanf("%d&qu ...

  8. SQL Server 2012学习笔记 1 命令行安装

    setup.exe /Q /IACCEPTSQLSERVERLICENSETERMS /ACTION=install /PID=748RB-X4T6B-MRM7V-RTVFF-CHC8H /FEATU ...

  9. iOS 中多线程的简单使用

    iOS中常用的多线程操作有( NSThread, NSOperation GCD ) 为了能更直观的展现多线程操作在SB中做如下的界面布局: 当点击下载的时候从网络上下载图片: - (void)loa ...

  10. 面试题之请写出用于校验 HTML 文本框中输入的内容全部为数字 的 javascript 代码

    <input type="text" id="d1" onblur=" chkNumber(this)"/> <scrip ...