其实早就打算写这篇博客了，可是由于我一贯的拖拉，所以才一直拖到了今天。这一段在给公司做一个小系统，系统的功能倒是不难，就是简单的记录一下信息，然后汇总分析而已。本想着很容易的就搞定的事情，结果却拖了个把月了(这个可不是我的拖拉习惯造成的哦！！！)，后台的逻辑处理程序倒是很容易的就搞定，因为本来就不难嘛，但是前台页面的效果却着实把我给难住了，虽说我是学Web开发出身，但是基本都是在敲程序，对页面只能是看的懂，大致的进行一些修改，说道做出一些炫的效果我还从来没有做过，所以搞得我晕头转向，摸不着北。好了，废话不多说了，下面就说说我在开发的过程中遇到的困难吧！
首先，就是页面的美工效果，无奈公司一直是搞winform开发的，所以对美工本来就不重视，现在要开发这么一个Web系统当然是找不到美工了，无奈之下我只好求助百度大神和谷歌大神了，可是在互联网上来来回回跑了几遍但是却没有找到我想要的网页，最后实在没办法了就只能先找一个看的过去的充数了(反正领导也不咋重视美工，这个是比较龌龊的想法，做工作可不能抱有这种心态的，我是实在没招了，迫不得已才出此下策，如果有机会我一定会把页面搞的漂漂亮亮的)。解决了网站的整体框架结构之后，接下来就是各个子页面的js效果了。借助于jQuery，算是实现了些效果，但是并未完全满足效果，具体的效果图如下所示：
基本的功能就是：在选择完开始日期和结束日期后，要在下面按照选择的时间间隔生成规定的行数，而且在生成的行中要根据开始时间和结束时间自动算出工时和加班工时，工时和加班工时可以修改，但是只能比自动算出值小；其次，在填写完工作内容后，点击备注时要自动将工作内容汇总到备注里面，还有其他的一些要求，暂时就不一一叙述了，到目前为止，我还没有完全实现所有的功能。现在及说说我在实现的过程中遇到的困难吧：
1.首先就是javascript对单引号和双引号的使用，我在这个上面吃了太多的亏了，红色字体是一个参数，刚开始的时候我忘记加两边的单引号，结果无论我怎么调试死活不给我执行，搞得我就要崩溃的时候猛然间想到加上单引号试试，结果顺利执行了。
onFocus=\"WdatePicker({onpicked:function(){TimeDiff($dp.$('txtend_" + i + "_" + j + "').value,$dp.$('txtbegin_" + i + "_" + j + "').value,'txt1_" + i + "_" + j + "','txt2_" + i + "_" + j + "');},dateFmt:'HH:mm'})\"
2.用C#给表单添加js效果时，反斜杠的问题，这个完全是由于我的疏忽造成的，我没有仔细的看js代码，结果再添加的时候忘记了添加“@”，在运行的时候“\”就不见了，这个问题也是搞了老半天，不过最后还是让我给发现了，嘿嘿。
txt11.Attributes.Add("onFocus", @"WdatePicker({onpicked:function(){ctl00.focus();},maxDate:'#F{$dp.$D(\'ctl00\')}'})");
3.在使用js开发的第三方插件时，刚开始对插件不熟悉(主要是时间控件WdatePicker)，结果在调用的时候出问题了，这个也耗费了我许多时间。
经过N久的折腾之后才有了上面的效果，但是现在还是有好多效果没有实现，我对jQuery和javascript基本上是一知半解，所以在调试这些效果的时候耗费了大量的时间和精力，我想这些效果要是让熟悉javascript和jquery的人来搞的话应该是很容易的，但是偏偏是我这个菜鸟来瞎折腾，真是费时费力啊！
最后想说一下，做web开发如果没有美工的话真是悲催啊！！！