最近用的到的一些js的常用方法(简单的)
由于新的项目开始了,是使用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的常用方法(简单的)的更多相关文章
- 用JS做一个简单的电商产品放大镜功能
使用js制作一个简单的产品放大图 购物网站的产品页经常会放有一个产品展示图区.该图区有一个功能就是产品图的放大功能,移动左侧的焦点区域,可以放大细节部分观看,详情如下图.实现该功能的方法也非常简单. ...
- [转]九个Console命令,让js调试更简单
转自:九个Console命令,让js调试更简单 一.显示信息的命令 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 <!DOCTYPE html> <html ...
- JS实现的简单横向伸展二级菜单
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/ ...
- 分享:计算机图形学期末作业!!利用WebGL的第三方库three.js写一个简单的网页版“我的世界小游戏”
这几天一直在忙着期末考试,所以一直没有更新我的博客,今天刚把我的期末作业完成了,心情澎湃,所以晚上不管怎么样,我也要写一篇博客纪念一下我上课都没有听,还是通过强大的度娘完成了我的作业的经历.(当然作业 ...
- JS实现一个简单的计算器
使用JS完成一个简单的计算器功能.实现2个输入框中输入整数后,点击第三个输入框能给出2个整数的加减乘除.效果如上: 第一步: 创建构建运算函数count(). 第二步: 获取两个输入框中的值和获取选择 ...
- JS代码的简单重构与优化
JS代码的简单重构与优化(适合新手) 原文 http://www.cnblogs.com/similar/p/5016424.html Demo . 1 //bad if (age > 20) ...
- JS+html实现简单的飞机大战
摘要:通过原生的js+html实现简单的飞机大战小游戏效果,如图所示: 实现代码如下: 1.自己的飞机实现 飞机html: <!DOCTYPE html> <html lang=&q ...
- swfobject.js 2.2简单使用方法
swfobject.js 2.2简单使用方法 官方网址介绍http://code.google.com/p/swfobject/wiki/documentation 用法:html部分<div ...
- MVC3.0+knockout.js+Ajax 实现简单的增删改查
MVC3.0+knockout.js+Ajax 实现简单的增删改查 自从到北京入职以来就再也没有接触MVC,很多都已经淡忘了,最近一直在看knockout.js 和webAPI,本来打算采用MVC+k ...
随机推荐
- HTML 5 新标签
HTML 5 是一个新的网络标准,目标在于取代现有的 HTML 4.01, XHTML 1.0 and DOM Level 2 HTML 标准.它希望能够减少浏览器对于需要插件的丰富性网络应用服务( ...
- 主计划MPS禁止改写项目编号(PROJECT)
应用 Oracle Manufacturing Planning 层 Level Function 函数名 Funcgtion Name MRPFSDMS-253 表单名 Form Name MR ...
- TLC是什么
TLC = Triple-Level Cell,即3bit/cell,它的寿命短,速度慢,约500-5000次擦写寿命. 现在U盘多为MLC,TLC也有一部分,将来TLC会占大部分市场. 一种名为TL ...
- Delphi通过IE窗口句柄获取网页接口(IWebBrowser2) good
主要用到的是MSAA(Microsoft Active Accessibility) 函数:ObjectFromLResult,该函数在动态链接库 oleacc.dll 中定义. uses SHDoc ...
- 基于Java图片数据库Neo4j 3.0.0发布 全新的内部架构
基于Java图片数据库Neo4j 3.0.0发布 全新的内部架构 Neo4j 3.0.0 正式发布,这是 Neo4j 3.0 系列的第一个版本.此版本对内部架构进行了全新的设计;提供给开发者更强大的生 ...
- Mysql 语句汇总(性能篇)
查询mysql 哪些表正在被锁状态: show open TABLES where In_use > 0; show open table from XXX(数据库名);//查看数据库哪些表正在 ...
- Android的应用程序的异常处理2
1.自定义一个类(MaApp)继承Application 2.在清单文件中的Application选项菜单对应的name属性中添加MyApp 3.重写application中的onCreate方法 4 ...
- 用js获取周、月第一天和最后一天(转载)
var getCurrentWeek = function (day) { var days = ["周日", "周一", "周二", &q ...
- SQL练习之求解填字游戏
SELECT * FROM dbo.spt_values
- GridView边线Border设置
1.黑色实线:(行列都有) <asp:GridViewID="GridView1"runat="server"CellPadding="3&qu ...