由于新的项目开始了,是使用MVC 5.0 开发的,前端使用了两个主流的框架 UIKIT,Ignite UI(收费)

因为是mvc主要用json来交互,不能避免要对前端脚本进行操作,所以就将能用到的方法都收集起来。

由于鄙人多接触的是后台,对于前端的写法很少使用也很少接触,今天也慢慢的积累这方面的知识。

废话不说,上代码

该代码是运行在jquery框架下的

  var DataHelper = {
log4: function (text) {
console.log(text);
}, ConvertJSONDateToJSDateObject: function (jsondate) {//格式化时间
var date = new Date(parseInt(jsondate.replace("/Date(", "").replace(")/", ""), 10));
//return getDate(date);
return date;
},
ConvertJSONDate: function (data, column) {//格式化时间
for (var i = 0; i < data.length; i++) {
var ev = data[i];
ev[column] = ConvertJSONDateToJSDateObject(ev[column]);
} },
//dd-MM-yyyy
getFormatDate: function (date) {//格式化时间
var year = date.getFullYear();
var month = date.getMonth() + 1;
var day = date.getDate();
return day + "/" + month + "/" + year;
},
getFormatDateTime: function (date) { //格式化时间
var year = date.getFullYear();
var month = date.getMonth() + 1;
var day = date.getDate();
var hh = date.getHours();
var mm = date.getMinutes();
var ss = date.getSeconds();
return year + "-" + month + "-" + day + " " + hh + ":" + mm + ":" + ss;
},
SetDataById: function (selector, data) { //根据ID设置值 $("#" + selector).val(data);
},
SetDataHtmlById: function (selector, data) { //根据ID设置HTML $("#" + selector).html(data);
},
SetDataByClass: function (selector, data) {//根据Class获取目标值 $("." + selector).val(data);
},
GetDataValById: function (selector) { //根据ID获取目标值
var val = $("#" + selector).val();
return val;
},
ChangeToDecimal: function (x) { //格式化成金额 保留2位 if ($.isEmptyObject(x) || x == "") {
return "0.00";
}
var f_x = parseFloat(x);
if (isNaN(f_x)) {
alert('function:changeTwoDecimal->parameter error');
return false;
}
var f_x = Math.round(x * 100) / 100;
var s_x = f_x.toString();
var pos_decimal = s_x.indexOf('.');
if (pos_decimal < 0) {
pos_decimal = s_x.length;
s_x += '.';
}
while (s_x.length <= pos_decimal + 2) {
s_x += '0';
}
return s_x; },
ChangeToFloat: function (x) { //转换成float
if ($.isEmptyObject(x) || x == "") {
return parseFloat("0.00");
}
return parseFloat(x); },
ChangeToPersentage: function (x) { //转换成百分比的方法 20%(这里没完善)
if ($.isEmptyObject(x) || x == "" || x == 0) {
return parseFloat("0.00");
} return (x * 100);
},
JsonDateToFmDate: function (obj) { // json的时间格式化
if ($.isEmptyObject(obj)) {
return obj;
}
if (obj.toString().indexOf("Date") >= 0) {
var date = new Date(parseInt(obj.replace("/Date(", "").replace(")/", ""), 10));
var fmdate = this.getFormatDate(date);
return fmdate;
}
else {
return obj; } },
FormatMoney: function (s, n) { //格式化金额,如:1,232,222.00
if ($.isEmptyObject(s)) {
return "0.00";
}
n = n > 0 && n <= 20 ? n : 2;
s = parseFloat((s + "").replace(/[^\d\.-]/g, "")).toFixed(n) + "";
var l = s.split(".")[0].split("").reverse(),
r = s.split(".")[1];
t = "";
for (i = 0; i < l.length; i++) {
t += l[i] + ((i + 1) % 3 == 0 && (i + 1) != l.length ? "," : "");
}
return t.split("").reverse().join("") + "." + r;
} }

这是一个DataHelper的方法,因为定义的都是他的属性,可以直接使用。

最近用的到的一些js的常用方法(简单的)的更多相关文章

  1. 用JS做一个简单的电商产品放大镜功能

    使用js制作一个简单的产品放大图 购物网站的产品页经常会放有一个产品展示图区.该图区有一个功能就是产品图的放大功能,移动左侧的焦点区域,可以放大细节部分观看,详情如下图.实现该功能的方法也非常简单. ...

  2. [转]九个Console命令,让js调试更简单

    转自:九个Console命令,让js调试更简单 一.显示信息的命令 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 <!DOCTYPE html> <html ...

  3. JS实现的简单横向伸展二级菜单

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/ ...

  4. 分享:计算机图形学期末作业!!利用WebGL的第三方库three.js写一个简单的网页版“我的世界小游戏”

    这几天一直在忙着期末考试,所以一直没有更新我的博客,今天刚把我的期末作业完成了,心情澎湃,所以晚上不管怎么样,我也要写一篇博客纪念一下我上课都没有听,还是通过强大的度娘完成了我的作业的经历.(当然作业 ...

  5. JS实现一个简单的计算器

    使用JS完成一个简单的计算器功能.实现2个输入框中输入整数后,点击第三个输入框能给出2个整数的加减乘除.效果如上: 第一步: 创建构建运算函数count(). 第二步: 获取两个输入框中的值和获取选择 ...

  6. JS代码的简单重构与优化

    JS代码的简单重构与优化(适合新手) 原文  http://www.cnblogs.com/similar/p/5016424.html Demo . 1 //bad if (age > 20) ...

  7. JS+html实现简单的飞机大战

    摘要:通过原生的js+html实现简单的飞机大战小游戏效果,如图所示: 实现代码如下: 1.自己的飞机实现 飞机html: <!DOCTYPE html> <html lang=&q ...

  8. swfobject.js 2.2简单使用方法

    swfobject.js 2.2简单使用方法 官方网址介绍http://code.google.com/p/swfobject/wiki/documentation 用法:html部分<div ...

  9. MVC3.0+knockout.js+Ajax 实现简单的增删改查

    MVC3.0+knockout.js+Ajax 实现简单的增删改查 自从到北京入职以来就再也没有接触MVC,很多都已经淡忘了,最近一直在看knockout.js 和webAPI,本来打算采用MVC+k ...

随机推荐

  1. SAR 图像

    http://www.dlr.de/hr/en/desktopdefault.aspx/tabid-2326/3776_read-5679/

  2. linux关闭防火墙方法

    在关闭防火墙之前需要查看防火墙的状态,可以使用service iptables status命令来查看,确定防火墙是否开启再来进行关闭操作. 如果想临时开启防火墙使用命令service iptable ...

  3. TelephonyManager

    每台手机有一个唯一的设备ID

  4. 读配置文件 properties

    /** * */package com.sprucetec.tms.fee.utils;import java.io.IOException;import java.util.ArrayList;im ...

  5. 2016 Multi-University Training Contest 4 总结

    第四场多校队伍的发挥还是相当不错的. 我倒着看题,发觉最后一题树状数组可过,于是跟队友说,便开始写,十分钟AC. 欣君翻译01题给磊哥,发现是KMP裸题,但是发现模板太旧,改改后过了. 11题是一道毒 ...

  6. JavaMail学习笔记

    适逢计算机网络课程设计,本着挑战自己的态度,选择了一个从未接触的东西:邮箱客户端代理软件的设计.由于对相关协议非常陌生,只能依靠查找资料完成,在学习过程中碰到了一个非常好的博客,故向大家推荐一下. 一 ...

  7. 解决ArcSDE图层名被占用的问题

    点击文章查看 当你发现上面那篇文章时你已经接近成功了,但还差最后一步! <!- -delete   from sde.GDB_OBJECTCLASSES where NAME = upper(' ...

  8. 在cmd中输入ls命令出现“ls不是内部或外部命令解决

    今天在学习sass查看目录遇到cmd输入ls提示不是内部命令 解决方法: 新建一个ls.bat文件 内容为: @echo off dir

  9. CSS-DOM介绍

    三位一体的网页: 我们在浏览器里看到的网页其实是由以下三层信息构成的一个共同体: 1.结构层: 结构层是由HTML和XHTML之类的标记语言所构成的.所就是哪些出现在html标签里面的单词,对网页内容 ...

  10. 【转】CoreData以及MagicalRecord (一)

    先粗略的了解下CoreData中的一些核心概念 1. CoreData 的核心概念 先上两幅关键的概念图 (1)NSManagedObjectModel 托管对象模型(MOM)是描述应用程序的数据模型 ...