JS实现日历控件选择后自动填充

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

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

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

代码中引用js文件：

<SPAN style="FONT-SIZE: 18px"><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"></SPAN> 

<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里面的内容，方便用户使用：

<SPAN style="FONT-SIZE: 18px">// ** 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"] = "周"; 
</SPAN> 

// ** 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"] = "周";

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

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

补充：web前端 , JavaScript ,