JS实现日历控件选择后自动填充
最近在做人事档案的项目,在做项目的初期对B/S这块不是很熟悉,感觉信心不是很强,随着和师哥同组人员的交流后发现,调试程序越来越好了,现在信心是倍增,只要自己自己踏实的去研究、理解代码慢慢的效果就出来了。在做人事档案时我要实现的一个功能是 自己选择日期后日期自动填充到文本框内后写到数据库,效果图:
选择日期后自动填充文本框:
通过网上资料和自己最近学习的知识巧妙的使用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实现日历控件选择后自动填充的更多相关文章
- 2.23 js处理日历控件(修改readonly属性)
2.23 js处理日历控件(修改readonly属性) 前言 日历控件是web网站上经常会遇到的一个场景,有些输入框是可以直接输入日期的,有些不能,以我们经常抢票的12306网站为例,详细讲解如 ...
- IE11浏览器中的My97日历控件刷新后无法打开问题解决办法
IE11浏览器中的My97日历控件刷新后无法打开问题解决办法 IE11浏览器中的My97日历控件刷新后无法打开问题解决办法:(谷歌浏览器下正常.IE11失效) 解决办法:1:找到WdatePick ...
- asp.net 弹出式日历控件 选择日期 Calendar控件
原文地址:asp.net 弹出式日历控件 选择日期 Calendar控件 作者:逸苡 html代码: <%@ Page Language="C#" CodeFile=&quo ...
- JS编写日历控件(支持单日历 双日历 甚至多日历等)
前言: 最近几天都在研究日历控件编写,当然前提我要说明下,当然看过别人写的源码 所以脑子一热 就想用自己的编码方式 来写一套可扩展性 可维护性 性能高点的代码控件出来,就算练习练习下,所以前几天晚上下 ...
- selenium+Python(Js处理日历控件)
日历控件是web网站上经常会遇到的一个场景,有些输入框是可以直接输入日期的,有些不能,以我们经常抢票的12306网站为例,详细讲解如何解决日历控件为readonly属性的问题. 基本思路:先用js去掉 ...
- Selenium2学习(十七)-- js处理日历控件(修改readonly属性)
前言 日历控件是web网站上经常会遇到的一个场景,有些输入框是可以直接输入日期的,有些不能,以我们经常抢票的12306网站为例,详细讲解如何解决日历控件为readonly属性的问题. 基本思路:先用j ...
- selenium webdriver——JS操作日历控件
一般的日期控件都是input标签下弹出来的,如果使用webdriver 去设置日期, 1. 定位到该input 2. 使用sendKeys 方法 比如 但是,有的日期控件是readonly的 比如12 ...
- 问题-Delphi控件选择卡自动选择与滚动方法
问题现象: 在D7的控件工具条中每次要手动点向左向右很累,有没有方法可以自动移动. 问题解决: REGEDIT4 [HKEY_CURRENT_USER\Software\Borland\Delph ...
- IE9浏览器中的My97日历控件刷新后无法打开问题解决办法
解决办法如下: 1:找到WdatePicker.js 2:将$crossFrame:true 改为$crossFrame:false. 3:重启服务,刷新页面发现OK.
随机推荐
- SGU 310. Hippopotamus( 状压dp )
题目大意:给N块板, 有A,B2种类型的板, 要求任意M块连续的板中至少有K块B板.1≤n≤60,1≤m≤15,0≤k≤m≤n. dp(x, s)表示第x块板, x前M块板的状态为s, 然后合法状态转 ...
- IIS发布网站:CS0016: 未能写入输出文件的解决方法
“/”应用程序中的服务器错误.-------------------------------------------------------------------------------- 编译错误 ...
- [Laravel 5] 表单验证 Form Requests and Controller Validation
本文 转载自:http://blog.hsin.tw/2015/laravel-5-note09-form-requests-and-controller-validation/ 文章解答了我的困惑非 ...
- bzoj 2542: [Ctsc2001]终极情报网 费用流
题目链接 2542: [Ctsc2001]终极情报网 Time Limit: 1 Sec Memory Limit: 128 MBSubmit: 321 Solved: 125[Submit][S ...
- Android Memory/Resource Leak总结
Android的内存/资源泄露,不容易发现,又会引发app甚至是system的一系列问题. 在这里我根据以往碰到的相关问题,总结出了一些检测和修改方法. *有可能造成memory leak的代码是Fr ...
- angular的$q服务和promise模式
此承诺/延迟(promise/deferred)实现的灵感来自于 Kris Kowal's Q CommonJS Promise建议文档 将承诺(promise) 作为和 异步执行操作(action) ...
- Jsoup代码解读之六-防御XSS攻击
Jsoup代码解读之八-防御XSS攻击 防御XSS攻击的一般原理 cleaner是Jsoup的重要功能之一,我们常用它来进行富文本输入中的XSS防御. 我们知道,XSS攻击的一般方式是,通过在页面输入 ...
- BZOJ 4034 [HAOI2015]T2(树链剖分)
[题目链接] http://www.lydsy.com/JudgeOnline/problem.php?id=4034 [题目大意] 有一棵点数为 N 的树,以点 1 为根,且树点有边权. 有 M 个 ...
- MyGui 3.2.0(OpenGL平台)的编译
MyGui是一个用来创建用户图形界面的库,用于游戏和3D应用程序.这个库的主要目标是达到:快速.灵活.易用. 1.下载准备: 源代码:http://svn.code.sf.net/p/my-gui/c ...
- BootStrap 智能表单系列 十一 级联下拉的支持
像省市县选择的这种,但凡是个人肯定都见过,实现方式有很多种 1.有在第一级选择的时候去加载或者从本地对象中拿第一级对应的数据源显示到列表中,第二级以此类推 2.也有将所有的项都加载到select中,然 ...